@televet/kibble-ui 2.1.28 → 2.1.29-inform.2

package/build/{ratingDot.component-01592415.js.map → ratingDot.component-4b3f6639.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDot.component-01592415.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const handleClick = useCallback(\n    (e): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <>\n      {isInteractive ? (\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          bgColor={selected ? 'background.primary' : 'transparent'}\n          h=\"60px\"\n          w=\"60px\"\n          borderRadius=\"30px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color={selected ? 'text.onContrast' : 'text.default'}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"not-allowed\"\n          {...(!isDisabled && {\n            onClick: handleClick,\n            cursor: 'pointer',\n            _hover: {\n              bg: selected ? 'background.primary' : 'background.primaryAlpha.hover',\n            },\n          })}\n        >\n          {number}\n        </Flex>\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor=\"background.primary\"\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color=\"text.onContrast\"\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":["number","isInteractive","isDisabled","onClick","selected","handleClick","useCallback","e","preventDefault","React","createElement","Fragment","Flex","as","type","bgColor","h","w","borderRadius","border","borderColor","color","mr","mb","justifyContent","alignItems","fontSize","cursor","_hover","bg"],"mappings":"yLAWyB,EAAGA,OAAAA,EAAQC,cAAAA,EAAeC,WAAAA,EAAYC,QAAAA,EAASC,SAAAA,MACtE,MAAMC,EAAcC,eACjBC,IACCA,EAAEC,iBACEL,GAASA,EAAQH,KAEvB,CAACA,EAAQG,IAGX,OACEM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAAV,EACCQ,UAACC,cAAAE,EAAIA,oBACHC,GAAG,SACHC,KAAK,SACLC,QAASX,EAAW,qBAAuB,cAC3CY,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAOjB,EAAW,kBAAoB,eACtCkB,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,gBACDzB,GAAc,CAClBC,QAASE,EACTsB,OAAQ,UACRC,OAAQ,CACNC,GAAIzB,EAAW,qBAAuB,mCAIzCJ,GAGHS,EAAA,QAAAC,cAACE,OACC,CAAAC,GAAG,MACHE,QAAQ,qBACRC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAM,kBACNC,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}
+{"version":3,"file":"ratingDot.component-4b3f6639.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const handleClick = useCallback(\n    (e): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <>\n      {isInteractive ? (\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          bgColor={selected ? 'background.primary' : 'transparent'}\n          h=\"60px\"\n          w=\"60px\"\n          borderRadius=\"30px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color={selected ? 'text.onContrast' : 'text.default'}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"not-allowed\"\n          {...(!isDisabled && {\n            onClick: handleClick,\n            cursor: 'pointer',\n            _hover: {\n              bg: selected ? 'background.primary' : 'background.primaryAlpha.hover',\n            },\n          })}\n        >\n          {number}\n        </Flex>\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor=\"background.primary\"\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color=\"text.onContrast\"\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":["number","isInteractive","isDisabled","onClick","selected","handleClick","useCallback","e","preventDefault","React","createElement","Fragment","Flex","as","type","bgColor","h","w","borderRadius","border","borderColor","color","mr","mb","justifyContent","alignItems","fontSize","cursor","_hover","bg"],"mappings":"yLAWyB,EAAGA,OAAAA,EAAQC,cAAAA,EAAeC,WAAAA,EAAYC,QAAAA,EAASC,SAAAA,MACtE,MAAMC,EAAcC,eACjBC,IACCA,EAAEC,iBACEL,GAASA,EAAQH,KAEvB,CAACA,EAAQG,IAGX,OACEM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAAV,EACCQ,UAACC,cAAAE,EAAIA,oBACHC,GAAG,SACHC,KAAK,SACLC,QAASX,EAAW,qBAAuB,cAC3CY,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAOjB,EAAW,kBAAoB,eACtCkB,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,gBACDzB,GAAc,CAClBC,QAASE,EACTsB,OAAQ,UACRC,OAAQ,CACNC,GAAIzB,EAAW,qBAAuB,mCAIzCJ,GAGHS,EAAA,QAAAC,cAACE,OACC,CAAAC,GAAG,MACHE,QAAQ,qBACRC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAM,kBACNC,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}

package/build/{ratingDots.component-f7677abd.js → ratingDots.component-5c08d07a.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./text.component-057889c3.js"),a=require("./ratingDot.component-01592415.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,x]=e.useState(),b=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=b;t<=E;t++)e.push(t);return e}),[E,b]);return e.useEffect((()=>{void 0!==f&&x(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${b} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
-//# sourceMappingURL=ratingDots.component-f7677abd.js.map
+"use strict";var e=require("react"),t=require("./text.component-c65875e0.js"),a=require("./ratingDot.component-4b3f6639.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,b]=e.useState(),x=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=x;t<=E;t++)e.push(t);return e}),[E,x]);return e.useEffect((()=>{void 0!==f&&b(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${x} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
+//# sourceMappingURL=ratingDots.component-5c08d07a.js.map

package/build/{ratingDots.component-f7677abd.js.map → ratingDots.component-5c08d07a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-f7677abd.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}
+{"version":3,"file":"ratingDots.component-5c08d07a.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}

package/build/{select.component-85e0440a.js → select.component-c6dc360a.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-37bff630.js"),l=require("./withFormControl-47cc4bf3.js"),a=require("./menu.context-bbda65db.js"),r=require("./menuList.component-6fd988fe.js"),s=require("./text.component-057889c3.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),c=require("./icon.component-100b924b.js"),o=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:x="md",value:h,maxW:b="100%",isOnContrast:E,emptyStateText:S}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText"]);const g=E?"onContrast":"default",T=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:E?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,E]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),y=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return T.current?`${null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==T?void 0:T.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));q([...e,_])}),[d,_,h]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(o.Select,Object.assign({icon:m.default.createElement(c.Icon,{name:"chevronDown",size:x}),as:u.MenuButton,ref:T,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:g,maxW:b},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:y,options:O,maxW:M||b,emptyStateText:S}))))};v.displayName="Select";const x=l.withFormControl(v);exports.WrappedSelect=x;
-//# sourceMappingURL=select.component-85e0440a.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-53fc4ef7.js"),l=require("./withFormControl-f63a4db4.js"),a=require("./menu.context-bbda65db.js"),r=require("./menuList.component-2866419f.js"),s=require("./text.component-c65875e0.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js"),o=require("./icon.component-bdb22e26.js"),u=require("./chakra-ui-select.esm-e7128fb0.js"),c=require("./chakra-ui-menu.esm-bb35ab5f.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),b=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:b,size:v="md",value:x,maxW:h="100%",isOnContrast:E,emptyStateText:S}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText"]);const g=E?"onContrast":"default",T=t.useRef(null),_=t.useMemo((()=>({label:b,value:"",variant:E?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[b,E]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),y=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return T.current?`${null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==T?void 0:T.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===x})));q([...e,_])}),[d,_,x]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(u.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v}),as:c.MenuButton,ref:T,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:g,maxW:h,size:v},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:y,options:O,maxW:M||h,emptyStateText:S}))))};b.displayName="Select";const v=l.withFormControl(b);exports.WrappedSelect=v;
+//# sourceMappingURL=select.component-c6dc360a.js.map

package/build/{select.component-85e0440a.js.map → select.component-c6dc360a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-85e0440a.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
+{"version":3,"file":"select.component-c6dc360a.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      data-testid=\"dropdown-container\"\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n  emptyStateText?: string;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  emptyStateText,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          size={size}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList\n          {...listProps}\n          onSelect={handleSelect}\n          options={allOptions}\n          maxW={selectWidth || maxW}\n          emptyStateText={emptyStateText}\n        />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shared/hocs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../withTheme-e33ed8bc.js");require("react"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-react.esm-f4206977.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-theme.esm-d6d72df5.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=e.withTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../withTheme-f35d578c.js");require("react"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-react.esm-3e9f61da.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-theme.esm-23420bf9.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=e.withTheme;
 //# sourceMappingURL=index.js.map

package/build/shared/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useTheme-8873c39f.js");require("../../chakra-ui-system.esm-c70df670.js"),require("react"),exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useTheme-ee73b181.js");require("../../chakra-ui-system.esm-434904f8.js"),require("react"),exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.js.map

package/build/{sortableItem.component-3bdead95.js → sortableItem.component-05fa6695.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortableItem.context-5bba7c97.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);function a(e,t,r){const n=e.slice();return n.splice(r<0?n.length+r:r,0,n.splice(t,1)[0]),n}function s(e,t){return e.reduce(((e,r,n)=>{const i=t.get(r);return i&&(e[n]=i),e}),Array(e.length))}function d(e){return null!==e&&e>=0}const l=e=>{let{rects:t,activeIndex:r,overIndex:n,index:i}=e;const o=a(t,n,r),s=t[i],d=o[i];return d&&s?{x:d.left-s.left,y:d.top-s.top,scaleX:d.width/s.width,scaleY:d.height/s.height}:null},c=o.default.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:l,disabled:{draggable:!1,droppable:!1}});const u=e=>{let{id:t,items:r,activeIndex:n,overIndex:i}=e;return a(r,n,i).indexOf(t)},f=e=>{let{containerId:t,isSorting:r,wasDragging:n,index:i,items:o,newIndex:a,previousItems:s,previousContainerId:d,transition:l}=e;return!(!l||!n)&&((s===o||i!==a)&&(!!r||a!==i&&t===d))},b={duration:200,easing:"ease"},g=t.CSS.Transition.toString({property:"transform",duration:0,easing:"linear"}),p={roleDescription:"sortable"};function v(r){let{animateLayoutChanges:n=f,attributes:i,disabled:o,data:a,getNewIndex:s=u,id:l,strategy:v,resizeObserverConfig:x,transition:I=b}=r;const{items:m,containerId:y,activeIndex:h,disabled:C,disableTransforms:R,sortedRects:S,overIndex:w,useDragOverlay:D,strategy:O}=e.useContext(c),E=function(e,t){var r,n;if("boolean"==typeof e)return{draggable:e,droppable:!1};return{draggable:null!=(r=null==e?void 0:e.draggable)?r:t.draggable,droppable:null!=(n=null==e?void 0:e.droppable)?n:t.droppable}}(o,C),N=m.indexOf(l),K=e.useMemo((()=>({sortable:{containerId:y,index:N,items:m},...a})),[y,a,N,m]),T=e.useMemo((()=>m.slice(m.indexOf(l))),[m,l]),{rect:j,node:M,isOver:A,setNodeRef:q}=t.useDroppable({id:l,data:K,disabled:E.droppable,resizeObserverConfig:{updateMeasurementsFor:T,...x}}),{active:L,activatorEvent:k,activeNodeRect:B,attributes:U,setNodeRef:z,listeners:F,isDragging:P,over:X,setActivatorNodeRef:Y,transform:G}=t.useDraggable({id:l,data:K,attributes:{...p,...i},disabled:E.draggable}),H=t.useCombinedRefs(q,z),J=Boolean(L),Q=J&&!R&&d(h)&&d(w),V=!D&&P,W=V&&Q?G:null,Z=Q?null!=W?W:(null!=v?v:O)({rects:S,activeNodeRect:B,activeIndex:h,overIndex:w,index:N}):null,$=d(h)&&d(w)?s({id:l,items:m,activeIndex:h,overIndex:w}):N,_=null==L?void 0:L.id,ee=e.useRef({activeId:_,items:m,newIndex:$,containerId:y}),te=m!==ee.current.items,re=n({active:L,containerId:y,isDragging:P,isSorting:J,id:l,index:N,items:m,newIndex:ee.current.newIndex,previousItems:ee.current.items,previousContainerId:ee.current.containerId,transition:I,wasDragging:null!=ee.current.activeId}),ne=function(r){let{disabled:n,index:i,node:o,rect:a}=r;const[s,d]=e.useState(null),l=e.useRef(i);return t.useIsomorphicLayoutEffect((()=>{if(!n&&i!==l.current&&o.current){const e=a.current;if(e){const r=t.getClientRect(o.current,{ignoreTransform:!0}),n={x:e.left-r.left,y:e.top-r.top,scaleX:e.width/r.width,scaleY:e.height/r.height};(n.x||n.y)&&d(n)}}i!==l.current&&(l.current=i)}),[n,i,o,a]),e.useEffect((()=>{s&&d(null)}),[s]),s}({disabled:!re,index:N,node:M,rect:j});return e.useEffect((()=>{J&&ee.current.newIndex!==$&&(ee.current.newIndex=$),y!==ee.current.containerId&&(ee.current.containerId=y),m!==ee.current.items&&(ee.current.items=m)}),[J,$,y,m]),e.useEffect((()=>{if(_===ee.current.activeId)return;if(_&&!ee.current.activeId)return void(ee.current.activeId=_);const e=setTimeout((()=>{ee.current.activeId=_}),50);return()=>clearTimeout(e)}),[_]),{active:L,activeIndex:h,attributes:U,data:K,rect:j,index:N,newIndex:$,items:m,isOver:A,isSorting:J,isDragging:P,listeners:F,node:M,overIndex:w,over:X,setNodeRef:H,setActivatorNodeRef:Y,setDroppableNodeRef:q,setDraggableNodeRef:z,transform:null!=ne?ne:Z,transition:function(){if(ne||te&&ee.current.newIndex===N)return g;if(V&&!t.isKeyboardEvent(k)||!I)return;if(J||re)return t.CSS.Transition.toString({...I,property:"transform"});return}()}}function x(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const I=[t.KeyboardCode.Down,t.KeyboardCode.Right,t.KeyboardCode.Up,t.KeyboardCode.Left];function m(e,t){return!(!x(e)||!x(t))&&e.data.current.sortable.containerId===t.data.current.sortable.containerId}exports.SortableContext=function(r){let{children:n,id:i,items:a,strategy:d=l,disabled:u=!1}=r;const{active:f,dragOverlay:b,droppableRects:g,over:p,measureDroppableContainers:v}=t.useDndContext(),x=t.useUniqueId("Sortable",i),I=Boolean(null!==b.rect),m=e.useMemo((()=>a.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[a]),y=null!=f,h=f?m.indexOf(f.id):-1,C=p?m.indexOf(p.id):-1,R=e.useRef(m),S=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(m,R.current),w=-1!==C&&-1===h||S,D=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(u);t.useIsomorphicLayoutEffect((()=>{S&&y&&v(m)}),[S,m,y,v]),e.useEffect((()=>{R.current=m}),[m]);const O=e.useMemo((()=>({activeIndex:h,containerId:x,disabled:D,disableTransforms:w,items:m,overIndex:C,useDragOverlay:I,sortedRects:s(m,g),strategy:d})),[h,x,D.draggable,D.droppable,w,m,C,g,I,d]);return o.default.createElement(c.Provider,{value:O},n)},exports.SortableItem=({children:i,id:a,style:s,onRemove:d})=>{const{attributes:l,isDragging:c,listeners:u,setNodeRef:f,setActivatorNodeRef:b,transform:g,transition:p}=v({id:a}),x=e.useMemo((()=>({attributes:l,listeners:u,ref:b})),[l,u,b]),I={transform:t.CSS.Translate.toString(g),transition:p};return o.default.createElement(r.SortableItemContext.Provider,{value:x},o.default.createElement(n.Box,Object.assign({className:"SortableItem",ref:f,listStyleType:"none",opacity:c?.4:void 0},s,{style:I}),i))},exports.arrayMove=a,exports.sortableKeyboardCoordinates=(e,r)=>{let{context:{active:n,collisionRect:i,droppableRects:o,droppableContainers:a,over:s,scrollableAncestors:d}}=r;if(I.includes(e.code)){if(e.preventDefault(),!n||!i)return;const r=[];a.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const a=o.get(n.id);if(a)switch(e.code){case t.KeyboardCode.Down:i.top<a.top&&r.push(n);break;case t.KeyboardCode.Up:i.top>a.top&&r.push(n);break;case t.KeyboardCode.Left:i.left>a.left&&r.push(n);break;case t.KeyboardCode.Right:i.left<a.left&&r.push(n)}}));const l=t.closestCorners({active:n,collisionRect:i,droppableRects:o,droppableContainers:r,pointerCoordinates:null});let c=t.getFirstCollision(l,"id");if(c===(null==s?void 0:s.id)&&l.length>1&&(c=l[1].id),null!=c){const e=a.get(n.id),r=a.get(c),s=r?o.get(r.id):null,l=null==r?void 0:r.node.current;if(l&&s&&e&&r){const n=t.getScrollableAncestors(l).some(((e,t)=>d[t]!==e)),o=m(e,r),a=function(e,t){if(!x(e)||!x(t))return!1;if(!m(e,t))return!1;return e.data.current.sortable.index<t.data.current.sortable.index}(e,r),c=n||!o?{x:0,y:0}:{x:a?i.width-s.width:0,y:a?i.height-s.height:0},u={x:s.left,y:s.top};return c.x&&c.y?u:t.subtract(u,c)}}}};
-//# sourceMappingURL=sortableItem.component-3bdead95.js.map
+"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortableItem.context-5bba7c97.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);function a(e,t,r){const n=e.slice();return n.splice(r<0?n.length+r:r,0,n.splice(t,1)[0]),n}function s(e,t){return e.reduce(((e,r,n)=>{const i=t.get(r);return i&&(e[n]=i),e}),Array(e.length))}function d(e){return null!==e&&e>=0}const l=e=>{let{rects:t,activeIndex:r,overIndex:n,index:i}=e;const o=a(t,n,r),s=t[i],d=o[i];return d&&s?{x:d.left-s.left,y:d.top-s.top,scaleX:d.width/s.width,scaleY:d.height/s.height}:null},c=o.default.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:l,disabled:{draggable:!1,droppable:!1}});const u=e=>{let{id:t,items:r,activeIndex:n,overIndex:i}=e;return a(r,n,i).indexOf(t)},f=e=>{let{containerId:t,isSorting:r,wasDragging:n,index:i,items:o,newIndex:a,previousItems:s,previousContainerId:d,transition:l}=e;return!(!l||!n)&&((s===o||i!==a)&&(!!r||a!==i&&t===d))},b={duration:200,easing:"ease"},g=t.CSS.Transition.toString({property:"transform",duration:0,easing:"linear"}),p={roleDescription:"sortable"};function v(r){let{animateLayoutChanges:n=f,attributes:i,disabled:o,data:a,getNewIndex:s=u,id:l,strategy:v,resizeObserverConfig:x,transition:I=b}=r;const{items:m,containerId:y,activeIndex:h,disabled:C,disableTransforms:R,sortedRects:S,overIndex:w,useDragOverlay:D,strategy:O}=e.useContext(c),E=function(e,t){var r,n;if("boolean"==typeof e)return{draggable:e,droppable:!1};return{draggable:null!=(r=null==e?void 0:e.draggable)?r:t.draggable,droppable:null!=(n=null==e?void 0:e.droppable)?n:t.droppable}}(o,C),N=m.indexOf(l),K=e.useMemo((()=>({sortable:{containerId:y,index:N,items:m},...a})),[y,a,N,m]),T=e.useMemo((()=>m.slice(m.indexOf(l))),[m,l]),{rect:j,node:M,isOver:A,setNodeRef:q}=t.useDroppable({id:l,data:K,disabled:E.droppable,resizeObserverConfig:{updateMeasurementsFor:T,...x}}),{active:L,activatorEvent:k,activeNodeRect:B,attributes:U,setNodeRef:z,listeners:F,isDragging:P,over:X,setActivatorNodeRef:Y,transform:G}=t.useDraggable({id:l,data:K,attributes:{...p,...i},disabled:E.draggable}),H=t.useCombinedRefs(q,z),J=Boolean(L),Q=J&&!R&&d(h)&&d(w),V=!D&&P,W=V&&Q?G:null,Z=Q?null!=W?W:(null!=v?v:O)({rects:S,activeNodeRect:B,activeIndex:h,overIndex:w,index:N}):null,$=d(h)&&d(w)?s({id:l,items:m,activeIndex:h,overIndex:w}):N,_=null==L?void 0:L.id,ee=e.useRef({activeId:_,items:m,newIndex:$,containerId:y}),te=m!==ee.current.items,re=n({active:L,containerId:y,isDragging:P,isSorting:J,id:l,index:N,items:m,newIndex:ee.current.newIndex,previousItems:ee.current.items,previousContainerId:ee.current.containerId,transition:I,wasDragging:null!=ee.current.activeId}),ne=function(r){let{disabled:n,index:i,node:o,rect:a}=r;const[s,d]=e.useState(null),l=e.useRef(i);return t.useIsomorphicLayoutEffect((()=>{if(!n&&i!==l.current&&o.current){const e=a.current;if(e){const r=t.getClientRect(o.current,{ignoreTransform:!0}),n={x:e.left-r.left,y:e.top-r.top,scaleX:e.width/r.width,scaleY:e.height/r.height};(n.x||n.y)&&d(n)}}i!==l.current&&(l.current=i)}),[n,i,o,a]),e.useEffect((()=>{s&&d(null)}),[s]),s}({disabled:!re,index:N,node:M,rect:j});return e.useEffect((()=>{J&&ee.current.newIndex!==$&&(ee.current.newIndex=$),y!==ee.current.containerId&&(ee.current.containerId=y),m!==ee.current.items&&(ee.current.items=m)}),[J,$,y,m]),e.useEffect((()=>{if(_===ee.current.activeId)return;if(_&&!ee.current.activeId)return void(ee.current.activeId=_);const e=setTimeout((()=>{ee.current.activeId=_}),50);return()=>clearTimeout(e)}),[_]),{active:L,activeIndex:h,attributes:U,data:K,rect:j,index:N,newIndex:$,items:m,isOver:A,isSorting:J,isDragging:P,listeners:F,node:M,overIndex:w,over:X,setNodeRef:H,setActivatorNodeRef:Y,setDroppableNodeRef:q,setDraggableNodeRef:z,transform:null!=ne?ne:Z,transition:function(){if(ne||te&&ee.current.newIndex===N)return g;if(V&&!t.isKeyboardEvent(k)||!I)return;if(J||re)return t.CSS.Transition.toString({...I,property:"transform"});return}()}}function x(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const I=[t.KeyboardCode.Down,t.KeyboardCode.Right,t.KeyboardCode.Up,t.KeyboardCode.Left];function m(e,t){return!(!x(e)||!x(t))&&e.data.current.sortable.containerId===t.data.current.sortable.containerId}exports.SortableContext=function(r){let{children:n,id:i,items:a,strategy:d=l,disabled:u=!1}=r;const{active:f,dragOverlay:b,droppableRects:g,over:p,measureDroppableContainers:v}=t.useDndContext(),x=t.useUniqueId("Sortable",i),I=Boolean(null!==b.rect),m=e.useMemo((()=>a.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[a]),y=null!=f,h=f?m.indexOf(f.id):-1,C=p?m.indexOf(p.id):-1,R=e.useRef(m),S=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(m,R.current),w=-1!==C&&-1===h||S,D=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(u);t.useIsomorphicLayoutEffect((()=>{S&&y&&v(m)}),[S,m,y,v]),e.useEffect((()=>{R.current=m}),[m]);const O=e.useMemo((()=>({activeIndex:h,containerId:x,disabled:D,disableTransforms:w,items:m,overIndex:C,useDragOverlay:I,sortedRects:s(m,g),strategy:d})),[h,x,D.draggable,D.droppable,w,m,C,g,I,d]);return o.default.createElement(c.Provider,{value:O},n)},exports.SortableItem=({children:i,id:a,style:s,onRemove:d})=>{const{attributes:l,isDragging:c,listeners:u,setNodeRef:f,setActivatorNodeRef:b,transform:g,transition:p}=v({id:a}),x=e.useMemo((()=>({attributes:l,listeners:u,ref:b})),[l,u,b]),I={transform:t.CSS.Translate.toString(g),transition:p};return o.default.createElement(r.SortableItemContext.Provider,{value:x},o.default.createElement(n.Box,Object.assign({className:"SortableItem",ref:f,listStyleType:"none",opacity:c?.4:void 0},s,{style:I}),i))},exports.arrayMove=a,exports.sortableKeyboardCoordinates=(e,r)=>{let{context:{active:n,collisionRect:i,droppableRects:o,droppableContainers:a,over:s,scrollableAncestors:d}}=r;if(I.includes(e.code)){if(e.preventDefault(),!n||!i)return;const r=[];a.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const a=o.get(n.id);if(a)switch(e.code){case t.KeyboardCode.Down:i.top<a.top&&r.push(n);break;case t.KeyboardCode.Up:i.top>a.top&&r.push(n);break;case t.KeyboardCode.Left:i.left>a.left&&r.push(n);break;case t.KeyboardCode.Right:i.left<a.left&&r.push(n)}}));const l=t.closestCorners({active:n,collisionRect:i,droppableRects:o,droppableContainers:r,pointerCoordinates:null});let c=t.getFirstCollision(l,"id");if(c===(null==s?void 0:s.id)&&l.length>1&&(c=l[1].id),null!=c){const e=a.get(n.id),r=a.get(c),s=r?o.get(r.id):null,l=null==r?void 0:r.node.current;if(l&&s&&e&&r){const n=t.getScrollableAncestors(l).some(((e,t)=>d[t]!==e)),o=m(e,r),a=function(e,t){if(!x(e)||!x(t))return!1;if(!m(e,t))return!1;return e.data.current.sortable.index<t.data.current.sortable.index}(e,r),c=n||!o?{x:0,y:0}:{x:a?i.width-s.width:0,y:a?i.height-s.height:0},u={x:s.left,y:s.top};return c.x&&c.y?u:t.subtract(u,c)}}}};
+//# sourceMappingURL=sortableItem.component-05fa6695.js.map

package/build/{sortableItem.component-3bdead95.js.map → sortableItem.component-05fa6695.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sortableItem.component-3bdead95.js","sources":["../node_modules/@dnd-kit/sortable/dist/sortable.esm.js","../src/components/SortableList/components/SortableItem/sortableItem.component.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, useState, useContext } from 'react';\nimport { useDndContext, getClientRect, useDroppable, useDraggable, closestCorners, getFirstCollision, getScrollableAncestors, KeyboardCode } from '@dnd-kit/core';\nimport { useUniqueId, useIsomorphicLayoutEffect, CSS, useCombinedRefs, isKeyboardEvent, subtract } from '@dnd-kit/utilities';\n\n/**\r\n * Move an array item to a different position. Returns a new array with the item moved to the new position.\r\n */\nfunction arrayMove(array, from, to) {\n  const newArray = array.slice();\n  newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);\n  return newArray;\n}\n\n/**\r\n * Swap an array item to a different position. Returns a new array with the item swapped to the new position.\r\n */\nfunction arraySwap(array, from, to) {\n  const newArray = array.slice();\n  newArray[from] = array[to];\n  newArray[to] = array[from];\n  return newArray;\n}\n\nfunction getSortedRects(items, rects) {\n  return items.reduce((accumulator, id, index) => {\n    const rect = rects.get(id);\n\n    if (rect) {\n      accumulator[index] = rect;\n    }\n\n    return accumulator;\n  }, Array(items.length));\n}\n\nfunction isValidIndex(index) {\n  return index !== null && index >= 0;\n}\n\nfunction itemsEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n\n  if (a.length !== b.length) {\n    return false;\n  }\n\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction normalizeDisabled(disabled) {\n  if (typeof disabled === 'boolean') {\n    return {\n      draggable: disabled,\n      droppable: disabled\n    };\n  }\n\n  return disabled;\n}\n\n// To-do: We should be calculating scale transformation\nconst defaultScale = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst horizontalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    rects,\n    activeNodeRect: fallbackActiveRect,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  const itemGap = getItemGap(rects, index, activeIndex);\n\n  if (index === activeIndex) {\n    const newIndexRect = rects[overIndex];\n\n    if (!newIndexRect) {\n      return null;\n    }\n\n    return {\n      x: activeIndex < overIndex ? newIndexRect.left + newIndexRect.width - (activeNodeRect.left + activeNodeRect.width) : newIndexRect.left - activeNodeRect.left,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: -activeNodeRect.width - itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: activeNodeRect.width + itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale\n  };\n};\n\nfunction getItemGap(rects, index, activeIndex) {\n  const currentRect = rects[index];\n  const previousRect = rects[index - 1];\n  const nextRect = rects[index + 1];\n\n  if (!currentRect || !previousRect && !nextRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.left - (previousRect.left + previousRect.width) : nextRect.left - (currentRect.left + currentRect.width);\n  }\n\n  return nextRect ? nextRect.left - (currentRect.left + currentRect.width) : currentRect.left - (previousRect.left + previousRect.width);\n}\n\nconst rectSortingStrategy = _ref => {\n  let {\n    rects,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const newRects = arrayMove(rects, overIndex, activeIndex);\n  const oldRect = rects[index];\n  const newRect = newRects[index];\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\nconst rectSwappingStrategy = _ref => {\n  let {\n    activeIndex,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  let oldRect;\n  let newRect;\n\n  if (index === activeIndex) {\n    oldRect = rects[index];\n    newRect = rects[overIndex];\n  }\n\n  if (index === overIndex) {\n    oldRect = rects[index];\n    newRect = rects[activeIndex];\n  }\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\n// To-do: We should be calculating scale transformation\nconst defaultScale$1 = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst verticalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    activeIndex,\n    activeNodeRect: fallbackActiveRect,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  if (index === activeIndex) {\n    const overIndexRect = rects[overIndex];\n\n    if (!overIndexRect) {\n      return null;\n    }\n\n    return {\n      x: 0,\n      y: activeIndex < overIndex ? overIndexRect.top + overIndexRect.height - (activeNodeRect.top + activeNodeRect.height) : overIndexRect.top - activeNodeRect.top,\n      ...defaultScale$1\n    };\n  }\n\n  const itemGap = getItemGap$1(rects, index, activeIndex);\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: 0,\n      y: -activeNodeRect.height - itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: 0,\n      y: activeNodeRect.height + itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale$1\n  };\n};\n\nfunction getItemGap$1(clientRects, index, activeIndex) {\n  const currentRect = clientRects[index];\n  const previousRect = clientRects[index - 1];\n  const nextRect = clientRects[index + 1];\n\n  if (!currentRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.top - (previousRect.top + previousRect.height) : nextRect ? nextRect.top - (currentRect.top + currentRect.height) : 0;\n  }\n\n  return nextRect ? nextRect.top - (currentRect.top + currentRect.height) : previousRect ? currentRect.top - (previousRect.top + previousRect.height) : 0;\n}\n\nconst ID_PREFIX = 'Sortable';\nconst Context = /*#__PURE__*/React.createContext({\n  activeIndex: -1,\n  containerId: ID_PREFIX,\n  disableTransforms: false,\n  items: [],\n  overIndex: -1,\n  useDragOverlay: false,\n  sortedRects: [],\n  strategy: rectSortingStrategy,\n  disabled: {\n    draggable: false,\n    droppable: false\n  }\n});\nfunction SortableContext(_ref) {\n  let {\n    children,\n    id,\n    items: userDefinedItems,\n    strategy = rectSortingStrategy,\n    disabled: disabledProp = false\n  } = _ref;\n  const {\n    active,\n    dragOverlay,\n    droppableRects,\n    over,\n    measureDroppableContainers\n  } = useDndContext();\n  const containerId = useUniqueId(ID_PREFIX, id);\n  const useDragOverlay = Boolean(dragOverlay.rect !== null);\n  const items = useMemo(() => userDefinedItems.map(item => typeof item === 'object' && 'id' in item ? item.id : item), [userDefinedItems]);\n  const isDragging = active != null;\n  const activeIndex = active ? items.indexOf(active.id) : -1;\n  const overIndex = over ? items.indexOf(over.id) : -1;\n  const previousItemsRef = useRef(items);\n  const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);\n  const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;\n  const disabled = normalizeDisabled(disabledProp);\n  useIsomorphicLayoutEffect(() => {\n    if (itemsHaveChanged && isDragging) {\n      measureDroppableContainers(items);\n    }\n  }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);\n  useEffect(() => {\n    previousItemsRef.current = items;\n  }, [items]);\n  const contextValue = useMemo(() => ({\n    activeIndex,\n    containerId,\n    disabled,\n    disableTransforms,\n    items,\n    overIndex,\n    useDragOverlay,\n    sortedRects: getSortedRects(items, droppableRects),\n    strategy\n  }), // eslint-disable-next-line react-hooks/exhaustive-deps\n  [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]);\n  return React.createElement(Context.Provider, {\n    value: contextValue\n  }, children);\n}\n\nconst defaultNewIndexGetter = _ref => {\n  let {\n    id,\n    items,\n    activeIndex,\n    overIndex\n  } = _ref;\n  return arrayMove(items, activeIndex, overIndex).indexOf(id);\n};\nconst defaultAnimateLayoutChanges = _ref2 => {\n  let {\n    containerId,\n    isSorting,\n    wasDragging,\n    index,\n    items,\n    newIndex,\n    previousItems,\n    previousContainerId,\n    transition\n  } = _ref2;\n\n  if (!transition || !wasDragging) {\n    return false;\n  }\n\n  if (previousItems !== items && index === newIndex) {\n    return false;\n  }\n\n  if (isSorting) {\n    return true;\n  }\n\n  return newIndex !== index && containerId === previousContainerId;\n};\nconst defaultTransition = {\n  duration: 200,\n  easing: 'ease'\n};\nconst transitionProperty = 'transform';\nconst disabledTransition = /*#__PURE__*/CSS.Transition.toString({\n  property: transitionProperty,\n  duration: 0,\n  easing: 'linear'\n});\nconst defaultAttributes = {\n  roleDescription: 'sortable'\n};\n\n/*\r\n * When the index of an item changes while sorting,\r\n * we need to temporarily disable the transforms\r\n */\n\nfunction useDerivedTransform(_ref) {\n  let {\n    disabled,\n    index,\n    node,\n    rect\n  } = _ref;\n  const [derivedTransform, setDerivedtransform] = useState(null);\n  const previousIndex = useRef(index);\n  useIsomorphicLayoutEffect(() => {\n    if (!disabled && index !== previousIndex.current && node.current) {\n      const initial = rect.current;\n\n      if (initial) {\n        const current = getClientRect(node.current, {\n          ignoreTransform: true\n        });\n        const delta = {\n          x: initial.left - current.left,\n          y: initial.top - current.top,\n          scaleX: initial.width / current.width,\n          scaleY: initial.height / current.height\n        };\n\n        if (delta.x || delta.y) {\n          setDerivedtransform(delta);\n        }\n      }\n    }\n\n    if (index !== previousIndex.current) {\n      previousIndex.current = index;\n    }\n  }, [disabled, index, node, rect]);\n  useEffect(() => {\n    if (derivedTransform) {\n      setDerivedtransform(null);\n    }\n  }, [derivedTransform]);\n  return derivedTransform;\n}\n\nfunction useSortable(_ref) {\n  let {\n    animateLayoutChanges = defaultAnimateLayoutChanges,\n    attributes: userDefinedAttributes,\n    disabled: localDisabled,\n    data: customData,\n    getNewIndex = defaultNewIndexGetter,\n    id,\n    strategy: localStrategy,\n    resizeObserverConfig,\n    transition = defaultTransition\n  } = _ref;\n  const {\n    items,\n    containerId,\n    activeIndex,\n    disabled: globalDisabled,\n    disableTransforms,\n    sortedRects,\n    overIndex,\n    useDragOverlay,\n    strategy: globalStrategy\n  } = useContext(Context);\n  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);\n  const index = items.indexOf(id);\n  const data = useMemo(() => ({\n    sortable: {\n      containerId,\n      index,\n      items\n    },\n    ...customData\n  }), [containerId, customData, index, items]);\n  const itemsAfterCurrentSortable = useMemo(() => items.slice(items.indexOf(id)), [items, id]);\n  const {\n    rect,\n    node,\n    isOver,\n    setNodeRef: setDroppableNodeRef\n  } = useDroppable({\n    id,\n    data,\n    disabled: disabled.droppable,\n    resizeObserverConfig: {\n      updateMeasurementsFor: itemsAfterCurrentSortable,\n      ...resizeObserverConfig\n    }\n  });\n  const {\n    active,\n    activatorEvent,\n    activeNodeRect,\n    attributes,\n    setNodeRef: setDraggableNodeRef,\n    listeners,\n    isDragging,\n    over,\n    setActivatorNodeRef,\n    transform\n  } = useDraggable({\n    id,\n    data,\n    attributes: { ...defaultAttributes,\n      ...userDefinedAttributes\n    },\n    disabled: disabled.draggable\n  });\n  const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);\n  const isSorting = Boolean(active);\n  const displaceItem = isSorting && !disableTransforms && isValidIndex(activeIndex) && isValidIndex(overIndex);\n  const shouldDisplaceDragSource = !useDragOverlay && isDragging;\n  const dragSourceDisplacement = shouldDisplaceDragSource && displaceItem ? transform : null;\n  const strategy = localStrategy != null ? localStrategy : globalStrategy;\n  const finalTransform = displaceItem ? dragSourceDisplacement != null ? dragSourceDisplacement : strategy({\n    rects: sortedRects,\n    activeNodeRect,\n    activeIndex,\n    overIndex,\n    index\n  }) : null;\n  const newIndex = isValidIndex(activeIndex) && isValidIndex(overIndex) ? getNewIndex({\n    id,\n    items,\n    activeIndex,\n    overIndex\n  }) : index;\n  const activeId = active == null ? void 0 : active.id;\n  const previous = useRef({\n    activeId,\n    items,\n    newIndex,\n    containerId\n  });\n  const itemsHaveChanged = items !== previous.current.items;\n  const shouldAnimateLayoutChanges = animateLayoutChanges({\n    active,\n    containerId,\n    isDragging,\n    isSorting,\n    id,\n    index,\n    items,\n    newIndex: previous.current.newIndex,\n    previousItems: previous.current.items,\n    previousContainerId: previous.current.containerId,\n    transition,\n    wasDragging: previous.current.activeId != null\n  });\n  const derivedTransform = useDerivedTransform({\n    disabled: !shouldAnimateLayoutChanges,\n    index,\n    node,\n    rect\n  });\n  useEffect(() => {\n    if (isSorting && previous.current.newIndex !== newIndex) {\n      previous.current.newIndex = newIndex;\n    }\n\n    if (containerId !== previous.current.containerId) {\n      previous.current.containerId = containerId;\n    }\n\n    if (items !== previous.current.items) {\n      previous.current.items = items;\n    }\n  }, [isSorting, newIndex, containerId, items]);\n  useEffect(() => {\n    if (activeId === previous.current.activeId) {\n      return;\n    }\n\n    if (activeId && !previous.current.activeId) {\n      previous.current.activeId = activeId;\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      previous.current.activeId = activeId;\n    }, 50);\n    return () => clearTimeout(timeoutId);\n  }, [activeId]);\n  return {\n    active,\n    activeIndex,\n    attributes,\n    data,\n    rect,\n    index,\n    newIndex,\n    items,\n    isOver,\n    isSorting,\n    isDragging,\n    listeners,\n    node,\n    overIndex,\n    over,\n    setNodeRef,\n    setActivatorNodeRef,\n    setDroppableNodeRef,\n    setDraggableNodeRef,\n    transform: derivedTransform != null ? derivedTransform : finalTransform,\n    transition: getTransition()\n  };\n\n  function getTransition() {\n    if ( // Temporarily disable transitions for a single frame to set up derived transforms\n    derivedTransform || // Or to prevent items jumping to back to their \"new\" position when items change\n    itemsHaveChanged && previous.current.newIndex === index) {\n      return disabledTransition;\n    }\n\n    if (shouldDisplaceDragSource && !isKeyboardEvent(activatorEvent) || !transition) {\n      return undefined;\n    }\n\n    if (isSorting || shouldAnimateLayoutChanges) {\n      return CSS.Transition.toString({ ...transition,\n        property: transitionProperty\n      });\n    }\n\n    return undefined;\n  }\n}\n\nfunction normalizeLocalDisabled(localDisabled, globalDisabled) {\n  var _localDisabled$dragga, _localDisabled$droppa;\n\n  if (typeof localDisabled === 'boolean') {\n    return {\n      draggable: localDisabled,\n      // Backwards compatibility\n      droppable: false\n    };\n  }\n\n  return {\n    draggable: (_localDisabled$dragga = localDisabled == null ? void 0 : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,\n    droppable: (_localDisabled$droppa = localDisabled == null ? void 0 : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable\n  };\n}\n\nfunction hasSortableData(entry) {\n  if (!entry) {\n    return false;\n  }\n\n  const data = entry.data.current;\n\n  if (data && 'sortable' in data && typeof data.sortable === 'object' && 'containerId' in data.sortable && 'items' in data.sortable && 'index' in data.sortable) {\n    return true;\n  }\n\n  return false;\n}\n\nconst directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\nconst sortableKeyboardCoordinates = (event, _ref) => {\n  let {\n    context: {\n      active,\n      collisionRect,\n      droppableRects,\n      droppableContainers,\n      over,\n      scrollableAncestors\n    }\n  } = _ref;\n\n  if (directions.includes(event.code)) {\n    event.preventDefault();\n\n    if (!active || !collisionRect) {\n      return;\n    }\n\n    const filteredContainers = [];\n    droppableContainers.getEnabled().forEach(entry => {\n      if (!entry || entry != null && entry.disabled) {\n        return;\n      }\n\n      const rect = droppableRects.get(entry.id);\n\n      if (!rect) {\n        return;\n      }\n\n      switch (event.code) {\n        case KeyboardCode.Down:\n          if (collisionRect.top < rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Up:\n          if (collisionRect.top > rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Left:\n          if (collisionRect.left > rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Right:\n          if (collisionRect.left < rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n      }\n    });\n    const collisions = closestCorners({\n      active,\n      collisionRect: collisionRect,\n      droppableRects,\n      droppableContainers: filteredContainers,\n      pointerCoordinates: null\n    });\n    let closestId = getFirstCollision(collisions, 'id');\n\n    if (closestId === (over == null ? void 0 : over.id) && collisions.length > 1) {\n      closestId = collisions[1].id;\n    }\n\n    if (closestId != null) {\n      const activeDroppable = droppableContainers.get(active.id);\n      const newDroppable = droppableContainers.get(closestId);\n      const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n      const newNode = newDroppable == null ? void 0 : newDroppable.node.current;\n\n      if (newNode && newRect && activeDroppable && newDroppable) {\n        const newScrollAncestors = getScrollableAncestors(newNode);\n        const hasDifferentScrollAncestors = newScrollAncestors.some((element, index) => scrollableAncestors[index] !== element);\n        const hasSameContainer = isSameContainer(activeDroppable, newDroppable);\n        const isAfterActive = isAfter(activeDroppable, newDroppable);\n        const offset = hasDifferentScrollAncestors || !hasSameContainer ? {\n          x: 0,\n          y: 0\n        } : {\n          x: isAfterActive ? collisionRect.width - newRect.width : 0,\n          y: isAfterActive ? collisionRect.height - newRect.height : 0\n        };\n        const rectCoordinates = {\n          x: newRect.left,\n          y: newRect.top\n        };\n        const newCoordinates = offset.x && offset.y ? rectCoordinates : subtract(rectCoordinates, offset);\n        return newCoordinates;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nfunction isSameContainer(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.containerId === b.data.current.sortable.containerId;\n}\n\nfunction isAfter(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  if (!isSameContainer(a, b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nexport { SortableContext, arrayMove, arraySwap, defaultAnimateLayoutChanges, defaultNewIndexGetter, hasSortableData, horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy };\n//# sourceMappingURL=sortable.esm.js.map\n","import React, { useMemo } from 'react';\nimport type { CSSProperties, PropsWithChildren } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SortableItemContext } from './sortableItem.context';\nimport { UniqueIdentifier } from '@dnd-kit/core';\nimport { Box, StyleProps } from '@chakra-ui/react';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: StyleProps;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nexport const SortableItem = ({\n  children,\n  id,\n  style: userStyle,\n  onRemove,\n}: PropsWithChildren<SortableItemProps>): JSX.Element => {\n  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n    id,\n  });\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    transition,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <Box\n        className=\"SortableItem\"\n        ref={setNodeRef}\n        listStyleType=\"none\"\n        opacity={isDragging ? 0.4 : undefined}\n        {...userStyle}\n        style={style}\n      >\n        {children}\n      </Box>\n    </SortableItemContext.Provider>\n  );\n};\n"],"names":["arrayMove","array","from","to","newArray","slice","splice","length","getSortedRects","items","rects","reduce","accumulator","id","index","rect","get","Array","isValidIndex","rectSortingStrategy","_ref","activeIndex","overIndex","newRects","oldRect","newRect","x","left","y","top","scaleX","width","scaleY","height","Context","React","createContext","containerId","disableTransforms","useDragOverlay","sortedRects","strategy","disabled","draggable","droppable","defaultNewIndexGetter","indexOf","defaultAnimateLayoutChanges","_ref2","isSorting","wasDragging","newIndex","previousItems","previousContainerId","transition","defaultTransition","duration","easing","disabledTransition","CSS","Transition","toString","property","defaultAttributes","roleDescription","useSortable","animateLayoutChanges","attributes","userDefinedAttributes","localDisabled","data","customData","getNewIndex","localStrategy","resizeObserverConfig","globalDisabled","globalStrategy","useContext","_localDisabled$dragga","_localDisabled$droppa","normalizeLocalDisabled","useMemo","sortable","itemsAfterCurrentSortable","node","isOver","setNodeRef","setDroppableNodeRef","useDroppable","updateMeasurementsFor","active","activatorEvent","activeNodeRect","setDraggableNodeRef","listeners","isDragging","over","setActivatorNodeRef","transform","useDraggable","useCombinedRefs","Boolean","displaceItem","shouldDisplaceDragSource","dragSourceDisplacement","finalTransform","activeId","previous","useRef","itemsHaveChanged","current","shouldAnimateLayoutChanges","derivedTransform","setDerivedtransform","useState","previousIndex","useIsomorphicLayoutEffect","initial","getClientRect","ignoreTransform","delta","useEffect","useDerivedTransform","timeoutId","setTimeout","clearTimeout","isKeyboardEvent","getTransition","hasSortableData","entry","directions","KeyboardCode","Down","Right","Up","Left","isSameContainer","a","b","children","userDefinedItems","disabledProp","dragOverlay","droppableRects","measureDroppableContainers","useDndContext","useUniqueId","map","item","previousItemsRef","i","itemsEqual","normalizeDisabled","contextValue","createElement","Provider","value","style","userStyle","onRemove","context","ref","Translate","SortableItemContext","Box","Object","assign","className","listStyleType","opacity","undefined","event","collisionRect","droppableContainers","scrollableAncestors","includes","code","preventDefault","filteredContainers","getEnabled","forEach","push","collisions","closestCorners","pointerCoordinates","closestId","getFirstCollision","activeDroppable","newDroppable","newNode","hasDifferentScrollAncestors","getScrollableAncestors","some","element","hasSameContainer","isAfterActive","isAfter","offset","rectCoordinates","subtract"],"mappings":"2PAOA,SAASA,EAAUC,EAAOC,EAAMC,GAC9B,MAAMC,EAAWH,EAAMI,QAEvB,OADAD,EAASE,OAAOH,EAAK,EAAIC,EAASG,OAASJ,EAAKA,EAAI,EAAGC,EAASE,OAAOJ,EAAM,GAAG,IACzEE,EAaT,SAASI,EAAeC,EAAOC,GAC7B,OAAOD,EAAME,QAAO,CAACC,EAAaC,EAAIC,KACpC,MAAMC,EAAOL,EAAMM,IAAIH,GAMvB,OAJIE,IACFH,EAAYE,GAASC,GAGhBH,IACNK,MAAMR,EAAMF,SAGjB,SAASW,EAAaJ,GACpB,OAAiB,OAAVA,GAAkBA,GAAS,EA4GpC,MAAMK,EAAsBC,IAC1B,IAAIV,MACFA,EAAKW,YACLA,EAAWC,UACXA,EAASR,MACTA,GACEM,EACJ,MAAMG,EAAWvB,EAAUU,EAAOY,EAAWD,GACvCG,EAAUd,EAAMI,GAChBW,EAAUF,EAAST,GAEzB,OAAKW,GAAYD,EAIV,CACLE,EAAGD,EAAQE,KAAOH,EAAQG,KAC1BC,EAAGH,EAAQI,IAAML,EAAQK,IACzBC,OAAQL,EAAQM,MAAQP,EAAQO,MAChCC,OAAQP,EAAQQ,OAAST,EAAQS,QAP1B,MAwHLC,EAAuBC,EAAK,QAACC,cAAc,CAC/Cf,aAAc,EACdgB,YAHgB,WAIhBC,mBAAmB,EACnB7B,MAAO,GACPa,WAAY,EACZiB,gBAAgB,EAChBC,YAAa,GACbC,SAAUtB,EACVuB,SAAU,CACRC,WAAW,EACXC,WAAW,KAqDf,MAAMC,EAAwBzB,IAC5B,IAAIP,GACFA,EAAEJ,MACFA,EAAKY,YACLA,EAAWC,UACXA,GACEF,EACJ,OAAOpB,EAAUS,EAAOY,EAAaC,GAAWwB,QAAQjC,IAEpDkC,EAA8BC,IAClC,IAAIX,YACFA,EAAWY,UACXA,EAASC,YACTA,EAAWpC,MACXA,EAAKL,MACLA,EAAK0C,SACLA,EAAQC,cACRA,EAAaC,oBACbA,EAAmBC,WACnBA,GACEN,EAEJ,SAAKM,IAAeJ,MAIhBE,IAAkB3C,GAASK,IAAUqC,OAIrCF,GAIGE,IAAarC,GAASuB,IAAgBgB,KAEzCE,EAAoB,CACxBC,SAAU,IACVC,OAAQ,QAGJC,EAAkCC,EAAAA,IAAIC,WAAWC,SAAS,CAC9DC,SAFyB,YAGzBN,SAAU,EACVC,OAAQ,WAEJM,EAAoB,CACxBC,gBAAiB,YAkDnB,SAASC,EAAY7C,GACnB,IAAI8C,qBACFA,EAAuBnB,EACvBoB,WAAYC,EACZ1B,SAAU2B,EACVC,KAAMC,EAAUC,YAChBA,EAAc3B,EAAqBhC,GACnCA,EACA4B,SAAUgC,EAAaC,qBACvBA,EAAoBpB,WACpBA,EAAaC,GACXnC,EACJ,MAAMX,MACJA,EAAK4B,YACLA,EAAWhB,YACXA,EACAqB,SAAUiC,EAAcrC,kBACxBA,EAAiBE,YACjBA,EAAWlB,UACXA,EAASiB,eACTA,EACAE,SAAUmC,GACRC,EAAAA,WAAW3C,GACTQ,EAoKR,SAAgC2B,EAAeM,GAC7C,IAAIG,EAAuBC,EAE3B,GAA6B,kBAAlBV,EACT,MAAO,CACL1B,UAAW0B,EAEXzB,WAAW,GAIf,MAAO,CACLD,UAAiG,OAArFmC,EAAyC,MAAjBT,OAAwB,EAASA,EAAc1B,WAAqBmC,EAAwBH,EAAehC,UAC/IC,UAAiG,OAArFmC,EAAyC,MAAjBV,OAAwB,EAASA,EAAczB,WAAqBmC,EAAwBJ,EAAe/B,WAjLhIoC,CAAuBX,EAAeM,GACjD7D,EAAQL,EAAMqC,QAAQjC,GACtByD,EAAOW,EAAAA,SAAQ,KAAO,CAC1BC,SAAU,CACR7C,YAAAA,EACAvB,MAAAA,EACAL,MAAAA,MAEC8D,KACD,CAAClC,EAAakC,EAAYzD,EAAOL,IAC/B0E,EAA4BF,EAAOA,SAAC,IAAMxE,EAAMJ,MAAMI,EAAMqC,QAAQjC,KAAM,CAACJ,EAAOI,KAClFE,KACJA,EAAIqE,KACJA,EAAIC,OACJA,EACAC,WAAYC,GACVC,eAAa,CACf3E,GAAAA,EACAyD,KAAAA,EACA5B,SAAUA,EAASE,UACnB8B,qBAAsB,CACpBe,sBAAuBN,KACpBT,MAGDgB,OACJA,EAAMC,eACNA,EAAcC,eACdA,EAAczB,WACdA,EACAmB,WAAYO,EAAmBC,UAC/BA,EAASC,WACTA,EAAUC,KACVA,EAAIC,oBACJA,EAAmBC,UACnBA,GACEC,eAAa,CACftF,GAAAA,EACAyD,KAAAA,EACAH,WAAY,IAAKJ,KACZK,GAEL1B,SAAUA,EAASC,YAEf2C,EAAac,EAAAA,gBAAgBb,EAAqBM,GAClD5C,EAAYoD,QAAQX,GACpBY,EAAerD,IAAcX,GAAqBpB,EAAaG,IAAgBH,EAAaI,GAC5FiF,GAA4BhE,GAAkBwD,EAC9CS,EAAyBD,GAA4BD,EAAeJ,EAAY,KAEhFO,EAAiBH,EAAyC,MAA1BE,EAAiCA,GADrC,MAAjB/B,EAAwBA,EAAgBG,GACgD,CACvGlE,MAAO8B,EACPoD,eAAAA,EACAvE,YAAAA,EACAC,UAAAA,EACAR,MAAAA,IACG,KACCqC,EAAWjC,EAAaG,IAAgBH,EAAaI,GAAakD,EAAY,CAClF3D,GAAAA,EACAJ,MAAAA,EACAY,YAAAA,EACAC,UAAAA,IACGR,EACC4F,EAAqB,MAAVhB,OAAiB,EAASA,EAAO7E,GAC5C8F,GAAWC,EAAAA,OAAO,CACtBF,SAAAA,EACAjG,MAAAA,EACA0C,SAAAA,EACAd,YAAAA,IAEIwE,GAAmBpG,IAAUkG,GAASG,QAAQrG,MAC9CsG,GAA6B7C,EAAqB,CACtDwB,OAAAA,EACArD,YAAAA,EACA0D,WAAAA,EACA9C,UAAAA,EACApC,GAAAA,EACAC,MAAAA,EACAL,MAAAA,EACA0C,SAAUwD,GAASG,QAAQ3D,SAC3BC,cAAeuD,GAASG,QAAQrG,MAChC4C,oBAAqBsD,GAASG,QAAQzE,YACtCiB,WAAAA,EACAJ,YAA0C,MAA7ByD,GAASG,QAAQJ,WAE1BM,GAtJR,SAA6B5F,GAC3B,IAAIsB,SACFA,EAAQ5B,MACRA,EAAKsE,KACLA,EAAIrE,KACJA,GACEK,EACJ,MAAO4F,EAAkBC,GAAuBC,EAAQA,SAAC,MACnDC,EAAgBP,SAAO9F,GA+B7B,OA9BAsG,EAAAA,2BAA0B,KACxB,IAAK1E,GAAY5B,IAAUqG,EAAcL,SAAW1B,EAAK0B,QAAS,CAChE,MAAMO,EAAUtG,EAAK+F,QAErB,GAAIO,EAAS,CACX,MAAMP,EAAUQ,EAAAA,cAAclC,EAAK0B,QAAS,CAC1CS,iBAAiB,IAEbC,EAAQ,CACZ9F,EAAG2F,EAAQ1F,KAAOmF,EAAQnF,KAC1BC,EAAGyF,EAAQxF,IAAMiF,EAAQjF,IACzBC,OAAQuF,EAAQtF,MAAQ+E,EAAQ/E,MAChCC,OAAQqF,EAAQpF,OAAS6E,EAAQ7E,SAG/BuF,EAAM9F,GAAK8F,EAAM5F,IACnBqF,EAAoBO,IAKtB1G,IAAUqG,EAAcL,UAC1BK,EAAcL,QAAUhG,KAEzB,CAAC4B,EAAU5B,EAAOsE,EAAMrE,IAC3B0G,EAAAA,WAAU,KACJT,GACFC,EAAoB,QAErB,CAACD,IACGA,EA+GkBU,CAAoB,CAC3ChF,UAAWqE,GACXjG,MAAAA,EACAsE,KAAAA,EACArE,KAAAA,IA8BF,OA5BA0G,EAAAA,WAAU,KACJxE,GAAa0D,GAASG,QAAQ3D,WAAaA,IAC7CwD,GAASG,QAAQ3D,SAAWA,GAG1Bd,IAAgBsE,GAASG,QAAQzE,cACnCsE,GAASG,QAAQzE,YAAcA,GAG7B5B,IAAUkG,GAASG,QAAQrG,QAC7BkG,GAASG,QAAQrG,MAAQA,KAE1B,CAACwC,EAAWE,EAAUd,EAAa5B,IACtCgH,EAAAA,WAAU,KACR,GAAIf,IAAaC,GAASG,QAAQJ,SAChC,OAGF,GAAIA,IAAaC,GAASG,QAAQJ,SAEhC,YADAC,GAASG,QAAQJ,SAAWA,GAI9B,MAAMiB,EAAYC,YAAW,KAC3BjB,GAASG,QAAQJ,SAAWA,IAC3B,IACH,MAAO,IAAMmB,aAAaF,KACzB,CAACjB,IACG,CACLhB,OAAAA,EACArE,YAAAA,EACA8C,WAAAA,EACAG,KAAAA,EACAvD,KAAAA,EACAD,MAAAA,EACAqC,SAAAA,EACA1C,MAAAA,EACA4E,OAAAA,EACApC,UAAAA,EACA8C,WAAAA,EACAD,UAAAA,EACAV,KAAAA,EACA9D,UAAAA,EACA0E,KAAAA,EACAV,WAAAA,EACAW,oBAAAA,EACAV,oBAAAA,EACAM,oBAAAA,EACAK,UAA+B,MAApBc,GAA2BA,GAAmBP,EACzDnD,WAGF,WACE,GACA0D,IACAH,IAAoBF,GAASG,QAAQ3D,WAAarC,EAChD,OAAO4C,EAGT,GAAI6C,IAA6BuB,EAAAA,gBAAgBnC,KAAoBrC,EACnE,OAGF,GAAIL,GAAa8D,GACf,OAAOpD,MAAIC,WAAWC,SAAS,IAAKP,EAClCQ,SA5OmB,cAgPvB,OApBYiE,IAyChB,SAASC,EAAgBC,GACvB,IAAKA,EACH,OAAO,EAGT,MAAM3D,EAAO2D,EAAM3D,KAAKwC,QAExB,SAAIxC,GAAQ,aAAcA,GAAiC,iBAAlBA,EAAKY,UAAyB,gBAAiBZ,EAAKY,UAAY,UAAWZ,EAAKY,UAAY,UAAWZ,EAAKY,UAOvJ,MAAMgD,EAAa,CAACC,eAAaC,KAAMD,EAAYA,aAACE,MAAOF,EAAAA,aAAaG,GAAIH,eAAaI,MA0GzF,SAASC,EAAgBC,EAAGC,GAC1B,SAAKV,EAAgBS,KAAOT,EAAgBU,KAIrCD,EAAEnE,KAAKwC,QAAQ5B,SAAS7C,cAAgBqG,EAAEpE,KAAKwC,QAAQ5B,SAAS7C,oCA5dzE,SAAyBjB,GACvB,IAAIuH,SACFA,EAAQ9H,GACRA,EACAJ,MAAOmI,EAAgBnG,SACvBA,EAAWtB,EACXuB,SAAUmG,GAAe,GACvBzH,EACJ,MAAMsE,OACJA,EAAMoD,YACNA,EAAWC,eACXA,EAAc/C,KACdA,EAAIgD,2BACJA,GACEC,EAAaA,gBACX5G,EAAc6G,EAAAA,YA9BJ,WA8B2BrI,GACrC0B,EAAiB8D,QAA6B,OAArByC,EAAY/H,MACrCN,EAAQwE,EAAAA,SAAQ,IAAM2D,EAAiBO,KAAIC,GAAwB,iBAATA,GAAqB,OAAQA,EAAOA,EAAKvI,GAAKuI,KAAO,CAACR,IAChH7C,EAAuB,MAAVL,EACbrE,EAAcqE,EAASjF,EAAMqC,QAAQ4C,EAAO7E,KAAO,EACnDS,EAAY0E,EAAOvF,EAAMqC,QAAQkD,EAAKnF,KAAO,EAC7CwI,EAAmBzC,SAAOnG,GAC1BoG,GAjRR,SAAoB4B,EAAGC,GACrB,GAAID,IAAMC,EACR,OAAO,EAGT,GAAID,EAAElI,SAAWmI,EAAEnI,OACjB,OAAO,EAGT,IAAK,IAAI+I,EAAI,EAAGA,EAAIb,EAAElI,OAAQ+I,IAC5B,GAAIb,EAAEa,KAAOZ,EAAEY,GACb,OAAO,EAIX,OAAO,EAkQmBC,CAAW9I,EAAO4I,EAAiBvC,SACvDxE,GAAmC,IAAfhB,IAAqC,IAAjBD,GAAsBwF,EAC9DnE,EAjQR,SAA2BA,GACzB,MAAwB,kBAAbA,EACF,CACLC,UAAWD,EACXE,UAAWF,GAIRA,EAyPU8G,CAAkBX,GACnCzB,EAAAA,2BAA0B,KACpBP,GAAoBd,GACtBiD,EAA2BvI,KAE5B,CAACoG,EAAkBpG,EAAOsF,EAAYiD,IACzCvB,EAAAA,WAAU,KACR4B,EAAiBvC,QAAUrG,IAC1B,CAACA,IACJ,MAAMgJ,EAAexE,EAAAA,SAAQ,KAAO,CAClC5D,YAAAA,EACAgB,YAAAA,EACAK,SAAAA,EACAJ,kBAAAA,EACA7B,MAAAA,EACAa,UAAAA,EACAiB,eAAAA,EACAC,YAAahC,EAAeC,EAAOsI,GACnCtG,SAAAA,KAEF,CAACpB,EAAagB,EAAaK,EAASC,UAAWD,EAASE,UAAWN,EAAmB7B,EAAOa,EAAWyH,EAAgBxG,EAAgBE,IACxI,OAAON,UAAMuH,cAAcxH,EAAQyH,SAAU,CAC3CC,MAAOH,GACNd,yBCnUuB,EAC1BA,SAAAA,EACA9H,GAAAA,EACAgJ,MAAOC,EACPC,SAAAA,MAEA,MAAM5F,WAAEA,EAAU4B,WAAEA,EAAUD,UAAEA,EAASR,WAAEA,EAAUW,oBAAEA,EAAmBC,UAAEA,EAAS5C,WAAEA,GAAeW,EAAY,CAChHpD,GAAAA,IAEImJ,EAAU/E,EAAAA,SACd,KAAO,CACLd,WAAAA,EACA2B,UAAAA,EACAmE,IAAKhE,KAEP,CAAC9B,EAAY2B,EAAWG,IAEpB4D,EAAuB,CAC3B3D,UAAWvC,EAAGA,IAACuG,UAAUrG,SAASqC,GAClC5C,WAAAA,GAGF,OACEnB,EAAAA,sBAACgI,EAAAA,oBAAoBR,SAAS,CAAAC,MAAOI,GACnC7H,EAAAA,QAAAuH,cAACU,MACCC,OAAAC,OAAA,CAAAC,UAAU,eACVN,IAAK3E,EACLkF,cAAc,OACdC,QAAS1E,EAAa,QAAM2E,GACxBZ,EAAS,CACbD,MAAOA,IAENlB,6DDkmB2B,CAACgC,EAAOvJ,KAC1C,IACE4I,SAAStE,OACPA,EAAMkF,cACNA,EAAa7B,eACbA,EAAc8B,oBACdA,EAAmB7E,KACnBA,EAAI8E,oBACJA,IAEA1J,EAEJ,GAAI8G,EAAW6C,SAASJ,EAAMK,MAAO,CAGnC,GAFAL,EAAMM,kBAEDvF,IAAWkF,EACd,OAGF,MAAMM,EAAqB,GAC3BL,EAAoBM,aAAaC,SAAQnD,IACvC,IAAKA,GAAkB,MAATA,GAAiBA,EAAMvF,SACnC,OAGF,MAAM3B,EAAOgI,EAAe/H,IAAIiH,EAAMpH,IAEtC,GAAKE,EAIL,OAAQ4J,EAAMK,MACZ,KAAK7C,EAAYA,aAACC,KACZwC,EAAc/I,IAAMd,EAAKc,KAC3BqJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACG,GACZsC,EAAc/I,IAAMd,EAAKc,KAC3BqJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACI,KACZqC,EAAcjJ,KAAOZ,EAAKY,MAC5BuJ,EAAmBG,KAAKpD,GAG1B,MAEF,KAAKE,EAAYA,aAACE,MACZuC,EAAcjJ,KAAOZ,EAAKY,MAC5BuJ,EAAmBG,KAAKpD,OAMhC,MAAMqD,EAAaC,EAAAA,eAAe,CAChC7F,OAAAA,EACAkF,cAAeA,EACf7B,eAAAA,EACA8B,oBAAqBK,EACrBM,mBAAoB,OAEtB,IAAIC,EAAYC,EAAAA,kBAAkBJ,EAAY,MAM9C,GAJIG,KAAuB,MAARzF,OAAe,EAASA,EAAKnF,KAAOyK,EAAW/K,OAAS,IACzEkL,EAAYH,EAAW,GAAGzK,IAGX,MAAb4K,EAAmB,CACrB,MAAME,EAAkBd,EAAoB7J,IAAI0E,EAAO7E,IACjD+K,EAAef,EAAoB7J,IAAIyK,GACvChK,EAAUmK,EAAe7C,EAAe/H,IAAI4K,EAAa/K,IAAM,KAC/DgL,EAA0B,MAAhBD,OAAuB,EAASA,EAAaxG,KAAK0B,QAElE,GAAI+E,GAAWpK,GAAWkK,GAAmBC,EAAc,CACzD,MACME,EADqBC,yBAAuBF,GACKG,MAAK,CAACC,EAASnL,IAAUgK,EAAoBhK,KAAWmL,IACzGC,EAAmB1D,EAAgBmD,EAAiBC,GACpDO,EA6Bd,SAAiB1D,EAAGC,GAClB,IAAKV,EAAgBS,KAAOT,EAAgBU,GAC1C,OAAO,EAGT,IAAKF,EAAgBC,EAAGC,GACtB,OAAO,EAGT,OAAOD,EAAEnE,KAAKwC,QAAQ5B,SAASpE,MAAQ4H,EAAEpE,KAAKwC,QAAQ5B,SAASpE,MAtCnCsL,CAAQT,EAAiBC,GACzCS,EAASP,IAAgCI,EAAmB,CAChExK,EAAG,EACHE,EAAG,GACD,CACFF,EAAGyK,EAAgBvB,EAAc7I,MAAQN,EAAQM,MAAQ,EACzDH,EAAGuK,EAAgBvB,EAAc3I,OAASR,EAAQQ,OAAS,GAEvDqK,EAAkB,CACtB5K,EAAGD,EAAQE,KACXC,EAAGH,EAAQI,KAGb,OADuBwK,EAAO3K,GAAK2K,EAAOzK,EAAI0K,EAAkBC,EAAQA,SAACD,EAAiBD"}
+{"version":3,"file":"sortableItem.component-05fa6695.js","sources":["../node_modules/@dnd-kit/sortable/dist/sortable.esm.js","../src/components/SortableList/components/SortableItem/sortableItem.component.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, useState, useContext } from 'react';\nimport { useDndContext, getClientRect, useDroppable, useDraggable, closestCorners, getFirstCollision, getScrollableAncestors, KeyboardCode } from '@dnd-kit/core';\nimport { useUniqueId, useIsomorphicLayoutEffect, CSS, useCombinedRefs, isKeyboardEvent, subtract } from '@dnd-kit/utilities';\n\n/**\r\n * Move an array item to a different position. Returns a new array with the item moved to the new position.\r\n */\nfunction arrayMove(array, from, to) {\n  const newArray = array.slice();\n  newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);\n  return newArray;\n}\n\n/**\r\n * Swap an array item to a different position. Returns a new array with the item swapped to the new position.\r\n */\nfunction arraySwap(array, from, to) {\n  const newArray = array.slice();\n  newArray[from] = array[to];\n  newArray[to] = array[from];\n  return newArray;\n}\n\nfunction getSortedRects(items, rects) {\n  return items.reduce((accumulator, id, index) => {\n    const rect = rects.get(id);\n\n    if (rect) {\n      accumulator[index] = rect;\n    }\n\n    return accumulator;\n  }, Array(items.length));\n}\n\nfunction isValidIndex(index) {\n  return index !== null && index >= 0;\n}\n\nfunction itemsEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n\n  if (a.length !== b.length) {\n    return false;\n  }\n\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction normalizeDisabled(disabled) {\n  if (typeof disabled === 'boolean') {\n    return {\n      draggable: disabled,\n      droppable: disabled\n    };\n  }\n\n  return disabled;\n}\n\n// To-do: We should be calculating scale transformation\nconst defaultScale = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst horizontalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    rects,\n    activeNodeRect: fallbackActiveRect,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  const itemGap = getItemGap(rects, index, activeIndex);\n\n  if (index === activeIndex) {\n    const newIndexRect = rects[overIndex];\n\n    if (!newIndexRect) {\n      return null;\n    }\n\n    return {\n      x: activeIndex < overIndex ? newIndexRect.left + newIndexRect.width - (activeNodeRect.left + activeNodeRect.width) : newIndexRect.left - activeNodeRect.left,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: -activeNodeRect.width - itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: activeNodeRect.width + itemGap,\n      y: 0,\n      ...defaultScale\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale\n  };\n};\n\nfunction getItemGap(rects, index, activeIndex) {\n  const currentRect = rects[index];\n  const previousRect = rects[index - 1];\n  const nextRect = rects[index + 1];\n\n  if (!currentRect || !previousRect && !nextRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.left - (previousRect.left + previousRect.width) : nextRect.left - (currentRect.left + currentRect.width);\n  }\n\n  return nextRect ? nextRect.left - (currentRect.left + currentRect.width) : currentRect.left - (previousRect.left + previousRect.width);\n}\n\nconst rectSortingStrategy = _ref => {\n  let {\n    rects,\n    activeIndex,\n    overIndex,\n    index\n  } = _ref;\n  const newRects = arrayMove(rects, overIndex, activeIndex);\n  const oldRect = rects[index];\n  const newRect = newRects[index];\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\nconst rectSwappingStrategy = _ref => {\n  let {\n    activeIndex,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  let oldRect;\n  let newRect;\n\n  if (index === activeIndex) {\n    oldRect = rects[index];\n    newRect = rects[overIndex];\n  }\n\n  if (index === overIndex) {\n    oldRect = rects[index];\n    newRect = rects[activeIndex];\n  }\n\n  if (!newRect || !oldRect) {\n    return null;\n  }\n\n  return {\n    x: newRect.left - oldRect.left,\n    y: newRect.top - oldRect.top,\n    scaleX: newRect.width / oldRect.width,\n    scaleY: newRect.height / oldRect.height\n  };\n};\n\n// To-do: We should be calculating scale transformation\nconst defaultScale$1 = {\n  scaleX: 1,\n  scaleY: 1\n};\nconst verticalListSortingStrategy = _ref => {\n  var _rects$activeIndex;\n\n  let {\n    activeIndex,\n    activeNodeRect: fallbackActiveRect,\n    index,\n    rects,\n    overIndex\n  } = _ref;\n  const activeNodeRect = (_rects$activeIndex = rects[activeIndex]) != null ? _rects$activeIndex : fallbackActiveRect;\n\n  if (!activeNodeRect) {\n    return null;\n  }\n\n  if (index === activeIndex) {\n    const overIndexRect = rects[overIndex];\n\n    if (!overIndexRect) {\n      return null;\n    }\n\n    return {\n      x: 0,\n      y: activeIndex < overIndex ? overIndexRect.top + overIndexRect.height - (activeNodeRect.top + activeNodeRect.height) : overIndexRect.top - activeNodeRect.top,\n      ...defaultScale$1\n    };\n  }\n\n  const itemGap = getItemGap$1(rects, index, activeIndex);\n\n  if (index > activeIndex && index <= overIndex) {\n    return {\n      x: 0,\n      y: -activeNodeRect.height - itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  if (index < activeIndex && index >= overIndex) {\n    return {\n      x: 0,\n      y: activeNodeRect.height + itemGap,\n      ...defaultScale$1\n    };\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    ...defaultScale$1\n  };\n};\n\nfunction getItemGap$1(clientRects, index, activeIndex) {\n  const currentRect = clientRects[index];\n  const previousRect = clientRects[index - 1];\n  const nextRect = clientRects[index + 1];\n\n  if (!currentRect) {\n    return 0;\n  }\n\n  if (activeIndex < index) {\n    return previousRect ? currentRect.top - (previousRect.top + previousRect.height) : nextRect ? nextRect.top - (currentRect.top + currentRect.height) : 0;\n  }\n\n  return nextRect ? nextRect.top - (currentRect.top + currentRect.height) : previousRect ? currentRect.top - (previousRect.top + previousRect.height) : 0;\n}\n\nconst ID_PREFIX = 'Sortable';\nconst Context = /*#__PURE__*/React.createContext({\n  activeIndex: -1,\n  containerId: ID_PREFIX,\n  disableTransforms: false,\n  items: [],\n  overIndex: -1,\n  useDragOverlay: false,\n  sortedRects: [],\n  strategy: rectSortingStrategy,\n  disabled: {\n    draggable: false,\n    droppable: false\n  }\n});\nfunction SortableContext(_ref) {\n  let {\n    children,\n    id,\n    items: userDefinedItems,\n    strategy = rectSortingStrategy,\n    disabled: disabledProp = false\n  } = _ref;\n  const {\n    active,\n    dragOverlay,\n    droppableRects,\n    over,\n    measureDroppableContainers\n  } = useDndContext();\n  const containerId = useUniqueId(ID_PREFIX, id);\n  const useDragOverlay = Boolean(dragOverlay.rect !== null);\n  const items = useMemo(() => userDefinedItems.map(item => typeof item === 'object' && 'id' in item ? item.id : item), [userDefinedItems]);\n  const isDragging = active != null;\n  const activeIndex = active ? items.indexOf(active.id) : -1;\n  const overIndex = over ? items.indexOf(over.id) : -1;\n  const previousItemsRef = useRef(items);\n  const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);\n  const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;\n  const disabled = normalizeDisabled(disabledProp);\n  useIsomorphicLayoutEffect(() => {\n    if (itemsHaveChanged && isDragging) {\n      measureDroppableContainers(items);\n    }\n  }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);\n  useEffect(() => {\n    previousItemsRef.current = items;\n  }, [items]);\n  const contextValue = useMemo(() => ({\n    activeIndex,\n    containerId,\n    disabled,\n    disableTransforms,\n    items,\n    overIndex,\n    useDragOverlay,\n    sortedRects: getSortedRects(items, droppableRects),\n    strategy\n  }), // eslint-disable-next-line react-hooks/exhaustive-deps\n  [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]);\n  return React.createElement(Context.Provider, {\n    value: contextValue\n  }, children);\n}\n\nconst defaultNewIndexGetter = _ref => {\n  let {\n    id,\n    items,\n    activeIndex,\n    overIndex\n  } = _ref;\n  return arrayMove(items, activeIndex, overIndex).indexOf(id);\n};\nconst defaultAnimateLayoutChanges = _ref2 => {\n  let {\n    containerId,\n    isSorting,\n    wasDragging,\n    index,\n    items,\n    newIndex,\n    previousItems,\n    previousContainerId,\n    transition\n  } = _ref2;\n\n  if (!transition || !wasDragging) {\n    return false;\n  }\n\n  if (previousItems !== items && index === newIndex) {\n    return false;\n  }\n\n  if (isSorting) {\n    return true;\n  }\n\n  return newIndex !== index && containerId === previousContainerId;\n};\nconst defaultTransition = {\n  duration: 200,\n  easing: 'ease'\n};\nconst transitionProperty = 'transform';\nconst disabledTransition = /*#__PURE__*/CSS.Transition.toString({\n  property: transitionProperty,\n  duration: 0,\n  easing: 'linear'\n});\nconst defaultAttributes = {\n  roleDescription: 'sortable'\n};\n\n/*\r\n * When the index of an item changes while sorting,\r\n * we need to temporarily disable the transforms\r\n */\n\nfunction useDerivedTransform(_ref) {\n  let {\n    disabled,\n    index,\n    node,\n    rect\n  } = _ref;\n  const [derivedTransform, setDerivedtransform] = useState(null);\n  const previousIndex = useRef(index);\n  useIsomorphicLayoutEffect(() => {\n    if (!disabled && index !== previousIndex.current && node.current) {\n      const initial = rect.current;\n\n      if (initial) {\n        const current = getClientRect(node.current, {\n          ignoreTransform: true\n        });\n        const delta = {\n          x: initial.left - current.left,\n          y: initial.top - current.top,\n          scaleX: initial.width / current.width,\n          scaleY: initial.height / current.height\n        };\n\n        if (delta.x || delta.y) {\n          setDerivedtransform(delta);\n        }\n      }\n    }\n\n    if (index !== previousIndex.current) {\n      previousIndex.current = index;\n    }\n  }, [disabled, index, node, rect]);\n  useEffect(() => {\n    if (derivedTransform) {\n      setDerivedtransform(null);\n    }\n  }, [derivedTransform]);\n  return derivedTransform;\n}\n\nfunction useSortable(_ref) {\n  let {\n    animateLayoutChanges = defaultAnimateLayoutChanges,\n    attributes: userDefinedAttributes,\n    disabled: localDisabled,\n    data: customData,\n    getNewIndex = defaultNewIndexGetter,\n    id,\n    strategy: localStrategy,\n    resizeObserverConfig,\n    transition = defaultTransition\n  } = _ref;\n  const {\n    items,\n    containerId,\n    activeIndex,\n    disabled: globalDisabled,\n    disableTransforms,\n    sortedRects,\n    overIndex,\n    useDragOverlay,\n    strategy: globalStrategy\n  } = useContext(Context);\n  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);\n  const index = items.indexOf(id);\n  const data = useMemo(() => ({\n    sortable: {\n      containerId,\n      index,\n      items\n    },\n    ...customData\n  }), [containerId, customData, index, items]);\n  const itemsAfterCurrentSortable = useMemo(() => items.slice(items.indexOf(id)), [items, id]);\n  const {\n    rect,\n    node,\n    isOver,\n    setNodeRef: setDroppableNodeRef\n  } = useDroppable({\n    id,\n    data,\n    disabled: disabled.droppable,\n    resizeObserverConfig: {\n      updateMeasurementsFor: itemsAfterCurrentSortable,\n      ...resizeObserverConfig\n    }\n  });\n  const {\n    active,\n    activatorEvent,\n    activeNodeRect,\n    attributes,\n    setNodeRef: setDraggableNodeRef,\n    listeners,\n    isDragging,\n    over,\n    setActivatorNodeRef,\n    transform\n  } = useDraggable({\n    id,\n    data,\n    attributes: { ...defaultAttributes,\n      ...userDefinedAttributes\n    },\n    disabled: disabled.draggable\n  });\n  const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);\n  const isSorting = Boolean(active);\n  const displaceItem = isSorting && !disableTransforms && isValidIndex(activeIndex) && isValidIndex(overIndex);\n  const shouldDisplaceDragSource = !useDragOverlay && isDragging;\n  const dragSourceDisplacement = shouldDisplaceDragSource && displaceItem ? transform : null;\n  const strategy = localStrategy != null ? localStrategy : globalStrategy;\n  const finalTransform = displaceItem ? dragSourceDisplacement != null ? dragSourceDisplacement : strategy({\n    rects: sortedRects,\n    activeNodeRect,\n    activeIndex,\n    overIndex,\n    index\n  }) : null;\n  const newIndex = isValidIndex(activeIndex) && isValidIndex(overIndex) ? getNewIndex({\n    id,\n    items,\n    activeIndex,\n    overIndex\n  }) : index;\n  const activeId = active == null ? void 0 : active.id;\n  const previous = useRef({\n    activeId,\n    items,\n    newIndex,\n    containerId\n  });\n  const itemsHaveChanged = items !== previous.current.items;\n  const shouldAnimateLayoutChanges = animateLayoutChanges({\n    active,\n    containerId,\n    isDragging,\n    isSorting,\n    id,\n    index,\n    items,\n    newIndex: previous.current.newIndex,\n    previousItems: previous.current.items,\n    previousContainerId: previous.current.containerId,\n    transition,\n    wasDragging: previous.current.activeId != null\n  });\n  const derivedTransform = useDerivedTransform({\n    disabled: !shouldAnimateLayoutChanges,\n    index,\n    node,\n    rect\n  });\n  useEffect(() => {\n    if (isSorting && previous.current.newIndex !== newIndex) {\n      previous.current.newIndex = newIndex;\n    }\n\n    if (containerId !== previous.current.containerId) {\n      previous.current.containerId = containerId;\n    }\n\n    if (items !== previous.current.items) {\n      previous.current.items = items;\n    }\n  }, [isSorting, newIndex, containerId, items]);\n  useEffect(() => {\n    if (activeId === previous.current.activeId) {\n      return;\n    }\n\n    if (activeId && !previous.current.activeId) {\n      previous.current.activeId = activeId;\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      previous.current.activeId = activeId;\n    }, 50);\n    return () => clearTimeout(timeoutId);\n  }, [activeId]);\n  return {\n    active,\n    activeIndex,\n    attributes,\n    data,\n    rect,\n    index,\n    newIndex,\n    items,\n    isOver,\n    isSorting,\n    isDragging,\n    listeners,\n    node,\n    overIndex,\n    over,\n    setNodeRef,\n    setActivatorNodeRef,\n    setDroppableNodeRef,\n    setDraggableNodeRef,\n    transform: derivedTransform != null ? derivedTransform : finalTransform,\n    transition: getTransition()\n  };\n\n  function getTransition() {\n    if ( // Temporarily disable transitions for a single frame to set up derived transforms\n    derivedTransform || // Or to prevent items jumping to back to their \"new\" position when items change\n    itemsHaveChanged && previous.current.newIndex === index) {\n      return disabledTransition;\n    }\n\n    if (shouldDisplaceDragSource && !isKeyboardEvent(activatorEvent) || !transition) {\n      return undefined;\n    }\n\n    if (isSorting || shouldAnimateLayoutChanges) {\n      return CSS.Transition.toString({ ...transition,\n        property: transitionProperty\n      });\n    }\n\n    return undefined;\n  }\n}\n\nfunction normalizeLocalDisabled(localDisabled, globalDisabled) {\n  var _localDisabled$dragga, _localDisabled$droppa;\n\n  if (typeof localDisabled === 'boolean') {\n    return {\n      draggable: localDisabled,\n      // Backwards compatibility\n      droppable: false\n    };\n  }\n\n  return {\n    draggable: (_localDisabled$dragga = localDisabled == null ? void 0 : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,\n    droppable: (_localDisabled$droppa = localDisabled == null ? void 0 : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable\n  };\n}\n\nfunction hasSortableData(entry) {\n  if (!entry) {\n    return false;\n  }\n\n  const data = entry.data.current;\n\n  if (data && 'sortable' in data && typeof data.sortable === 'object' && 'containerId' in data.sortable && 'items' in data.sortable && 'index' in data.sortable) {\n    return true;\n  }\n\n  return false;\n}\n\nconst directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\nconst sortableKeyboardCoordinates = (event, _ref) => {\n  let {\n    context: {\n      active,\n      collisionRect,\n      droppableRects,\n      droppableContainers,\n      over,\n      scrollableAncestors\n    }\n  } = _ref;\n\n  if (directions.includes(event.code)) {\n    event.preventDefault();\n\n    if (!active || !collisionRect) {\n      return;\n    }\n\n    const filteredContainers = [];\n    droppableContainers.getEnabled().forEach(entry => {\n      if (!entry || entry != null && entry.disabled) {\n        return;\n      }\n\n      const rect = droppableRects.get(entry.id);\n\n      if (!rect) {\n        return;\n      }\n\n      switch (event.code) {\n        case KeyboardCode.Down:\n          if (collisionRect.top < rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Up:\n          if (collisionRect.top > rect.top) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Left:\n          if (collisionRect.left > rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n\n        case KeyboardCode.Right:\n          if (collisionRect.left < rect.left) {\n            filteredContainers.push(entry);\n          }\n\n          break;\n      }\n    });\n    const collisions = closestCorners({\n      active,\n      collisionRect: collisionRect,\n      droppableRects,\n      droppableContainers: filteredContainers,\n      pointerCoordinates: null\n    });\n    let closestId = getFirstCollision(collisions, 'id');\n\n    if (closestId === (over == null ? void 0 : over.id) && collisions.length > 1) {\n      closestId = collisions[1].id;\n    }\n\n    if (closestId != null) {\n      const activeDroppable = droppableContainers.get(active.id);\n      const newDroppable = droppableContainers.get(closestId);\n      const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n      const newNode = newDroppable == null ? void 0 : newDroppable.node.current;\n\n      if (newNode && newRect && activeDroppable && newDroppable) {\n        const newScrollAncestors = getScrollableAncestors(newNode);\n        const hasDifferentScrollAncestors = newScrollAncestors.some((element, index) => scrollableAncestors[index] !== element);\n        const hasSameContainer = isSameContainer(activeDroppable, newDroppable);\n        const isAfterActive = isAfter(activeDroppable, newDroppable);\n        const offset = hasDifferentScrollAncestors || !hasSameContainer ? {\n          x: 0,\n          y: 0\n        } : {\n          x: isAfterActive ? collisionRect.width - newRect.width : 0,\n          y: isAfterActive ? collisionRect.height - newRect.height : 0\n        };\n        const rectCoordinates = {\n          x: newRect.left,\n          y: newRect.top\n        };\n        const newCoordinates = offset.x && offset.y ? rectCoordinates : subtract(rectCoordinates, offset);\n        return newCoordinates;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nfunction isSameContainer(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.containerId === b.data.current.sortable.containerId;\n}\n\nfunction isAfter(a, b) {\n  if (!hasSortableData(a) || !hasSortableData(b)) {\n    return false;\n  }\n\n  if (!isSameContainer(a, b)) {\n    return false;\n  }\n\n  return a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nexport { SortableContext, arrayMove, arraySwap, defaultAnimateLayoutChanges, defaultNewIndexGetter, hasSortableData, horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy };\n//# sourceMappingURL=sortable.esm.js.map\n","import React, { useMemo } from 'react';\nimport type { CSSProperties, PropsWithChildren } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { SortableItemContext } from './sortableItem.context';\nimport { UniqueIdentifier } from '@dnd-kit/core';\nimport { Box, StyleProps } from '@chakra-ui/react';\n\nexport interface SortableItemProps {\n  id: UniqueIdentifier;\n  style?: StyleProps;\n  onRemove?(id: UniqueIdentifier): void;\n}\n\nexport const SortableItem = ({\n  children,\n  id,\n  style: userStyle,\n  onRemove,\n}: PropsWithChildren<SortableItemProps>): JSX.Element => {\n  const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n    id,\n  });\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    transition,\n  };\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <Box\n        className=\"SortableItem\"\n        ref={setNodeRef}\n        listStyleType=\"none\"\n        opacity={isDragging ? 0.4 : undefined}\n        {...userStyle}\n        style={style}\n      >\n        {children}\n      </Box>\n    </SortableItemContext.Provider>\n  );\n};\n"],"names":["arrayMove","array","from","to","newArray","slice","splice","length","getSortedRects","items","rects","reduce","accumulator","id","index","rect","get","Array","isValidIndex","rectSortingStrategy","_ref","activeIndex","overIndex","newRects","oldRect","newRect","x","left","y","top","scaleX","width","scaleY","height","Context","React","createContext","containerId","disableTransforms","useDragOverlay","sortedRects","strategy","disabled","draggable","droppable","defaultNewIndexGetter","indexOf","defaultAnimateLayoutChanges","_ref2","isSorting","wasDragging","newIndex","previousItems","previousContainerId","transition","defaultTransition","duration","easing","disabledTransition","CSS","Transition","toString","property","defaultAttributes","roleDescription","useSortable","animateLayoutChanges","attributes","userDefinedAttributes","localDisabled","data","customData","getNewIndex","localStrategy","resizeObserverConfig","globalDisabled","globalStrategy","useContext","_localDisabled$dragga","_localDisabled$droppa","normalizeLocalDisabled","useMemo","sortable","itemsAfterCurrentSortable","node","isOver","setNodeRef","setDroppableNodeRef","useDroppable","updateMeasurementsFor","active","activatorEvent","activeNodeRect","setDraggableNodeRef","listeners","isDragging","over","setActivatorNodeRef","transform","useDraggable","useCombinedRefs","Boolean","displaceItem","shouldDisplaceDragSource","dragSourceDisplacement","finalTransform","activeId","previous","useRef","itemsHaveChanged","current","shouldAnimateLayoutChanges","derivedTransform","setDerivedtransform","useState","previousIndex","useIsomorphicLayoutEffect","initial","getClientRect","ignoreTransform","delta","useEffect","useDerivedTransform","timeoutId","setTimeout","clearTimeout","isKeyboardEvent","getTransition","hasSortableData","entry","directions","KeyboardCode","Down","Right","Up","Left","isSameContainer","a","b","children","userDefinedItems","disabledProp","dragOverlay","droppableRects","measureDroppableContainers","useDndContext","useUniqueId","map","item","previousItemsRef","i","itemsEqual","normalizeDisabled","contextValue","createElement","Provider","value","style","userStyle","onRemove","context","ref","Translate","SortableItemContext","Box","Object","assign","className","listStyleType","opacity","undefined","event","collisionRect","droppableContainers","scrollableAncestors","includes","code","preventDefault","filteredContainers","getEnabled","forEach","push","collisions","closestCorners","pointerCoordinates","closestId","getFirstCollision","activeDroppable","newDroppable","newNode","hasDifferentScrollAncestors","getScrollableAncestors","some","element","hasSameContainer","isAfterActive","isAfter","offset","rectCoordinates","subtract"],"mappings":"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"}

package/build/{sortableList.component-2c36f685.js → sortableList.component-a4d3b8a9.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortableItem.component-3bdead95.js"),n=require("./sortableOverlay.component-39d84330.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);exports.SortableList=({items:o,onChange:d,renderItem:i,style:s})=>{const[u,c]=e.useState(null),f=e.useMemo((()=>o.find((e=>e.id===(null==u?void 0:u.id)))),[u,o]),m=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),b=Object.assign({display:"flex",flexDirection:"column",padding:0,listStyleType:"none"},s);return l.default.createElement(t.DndContext,{sensors:m,onDragStart:({active:e})=>{c(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==(null==t?void 0:t.id)){const n=o.findIndex((({id:t})=>t===e.id)),a=o.findIndex((({id:e})=>e===t.id));d(r.arrayMove(o,n,a))}c(null)},onDragCancel:()=>c(null)},l.default.createElement(r.SortableContext,{items:o},l.default.createElement(a.UnorderedList,Object.assign({},b),o.map(((e,t)=>l.default.createElement(l.default.Fragment,{key:e.id},i(e,t)))))),l.default.createElement(n.SortableOverlay,null,f?i(f):null))};
-//# sourceMappingURL=sortableList.component-2c36f685.js.map
+"use strict";var e=require("react"),t=require("./core.esm-3a85aed4.js"),r=require("./sortableItem.component-05fa6695.js"),n=require("./sortableOverlay.component-39d84330.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);exports.SortableList=({items:o,onChange:i,renderItem:s,style:d})=>{const[u,c]=e.useState(null),f=e.useMemo((()=>o.find((e=>e.id===(null==u?void 0:u.id)))),[u,o]),m=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:r.sortableKeyboardCoordinates})),b=Object.assign({display:"flex",flexDirection:"column",padding:0,listStyleType:"none"},d);return l.default.createElement(t.DndContext,{sensors:m,onDragStart:({active:e})=>{c(e)},onDragEnd:({active:e,over:t})=>{if(t&&e.id!==(null==t?void 0:t.id)){const n=o.findIndex((({id:t})=>t===e.id)),a=o.findIndex((({id:e})=>e===t.id));i(r.arrayMove(o,n,a))}c(null)},onDragCancel:()=>c(null)},l.default.createElement(r.SortableContext,{items:o},l.default.createElement(a.UnorderedList,Object.assign({},b),o.map(((e,t)=>l.default.createElement(l.default.Fragment,{key:e.id},s(e,t)))))),l.default.createElement(n.SortableOverlay,null,f?s(f):null))};
+//# sourceMappingURL=sortableList.component-a4d3b8a9.js.map

package/build/{sortableList.component-2c36f685.js.map → sortableList.component-a4d3b8a9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sortableList.component-2c36f685.js","sources":["../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport type { Active, UniqueIdentifier } from '@dnd-kit/core';\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { SortableOverlay } from './components/SortableOverlay';\nimport { StyleProps, UnorderedList } from '@chakra-ui/react';\n\ninterface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableListProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: StyleProps;\n}\n\nexport const SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableListProps<T>): JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const style: StyleProps = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyleType: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <UnorderedList {...style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </UnorderedList>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n"],"names":["items","onChange","renderItem","style","userStyle","active","setActive","useState","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","display","flexDirection","padding","listStyleType","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","UnorderedList","Object","assign","map","index","Fragment","key","SortableOverlay"],"mappings":"uUAmB4B,EAC1BA,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAOC,MAEP,MAAOC,EAAQC,GAAaC,EAAQA,SAAgB,MAC9CC,EAAaC,WAAQ,IAAMT,EAAMU,MAAMC,GAASA,EAAKC,MAAOP,MAAAA,OAAA,EAAAA,EAAQO,OAAK,CAACP,EAAQL,IAClFa,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3ChB,iBACJiB,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,cAAe,QACZnB,GAGL,OACEoB,EAAA,QAAAC,cAACC,EAAAA,WAAU,CACTb,QAASA,EACTc,YAAa,EAAGtB,OAAAA,MACdC,EAAUD,IAEZuB,UAAW,EAAGvB,OAAAA,EAAQwB,KAAAA,MACpB,GAAIA,GAAQxB,EAAOO,MAAOiB,MAAAA,OAAA,EAAAA,EAAMjB,IAAI,CAClC,MAAMkB,EAAc9B,EAAM+B,WAAU,EAAGnB,GAAAA,KAASA,IAAOP,EAAOO,KACxDoB,EAAYhC,EAAM+B,WAAU,EAAGnB,GAAAA,KAASA,IAAOiB,EAAKjB,KAE1DX,EAASgC,EAAAA,UAAUjC,EAAO8B,EAAaE,IAEzC1B,EAAU,OAEZ4B,aAAc,IAAY5B,EAAU,OAEpCkB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACnC,MAAOA,GACtBwB,EAAAA,QAAAC,cAACW,gBAAkBC,OAAAC,OAAA,GAAAnC,GAChBH,EAAMuC,KAAI,CAAC5B,EAAM6B,IAChBhB,EAAAA,QAACC,cAAAD,UAAMiB,UAASC,IAAK/B,EAAKC,IAAKV,EAAWS,EAAM6B,QAItDhB,UAAAC,cAACkB,EAAeA,gBAAE,KAAAnC,EAAaN,EAAWM,GAAc"}
+{"version":3,"file":"sortableList.component-a4d3b8a9.js","sources":["../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport type { Active, UniqueIdentifier } from '@dnd-kit/core';\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { SortableOverlay } from './components/SortableOverlay';\nimport { StyleProps, UnorderedList } from '@chakra-ui/react';\n\ninterface SortableItemProps {\n  id: UniqueIdentifier;\n}\n\nexport interface SortableListProps<T extends SortableItemProps> {\n  items: T[];\n  onChange(items: T[]): void;\n  renderItem(item: T, index?: number): ReactNode;\n  style?: StyleProps;\n}\n\nexport const SortableList = <T extends SortableItemProps>({\n  items,\n  onChange,\n  renderItem,\n  style: userStyle,\n}: SortableListProps<T>): JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const style: StyleProps = {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 0,\n    listStyleType: 'none',\n    ...userStyle,\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <UnorderedList {...style}>\n          {items.map((item, index) => (\n            <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n          ))}\n        </UnorderedList>\n      </SortableContext>\n      <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n    </DndContext>\n  );\n};\n"],"names":["items","onChange","renderItem","style","userStyle","active","setActive","useState","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","display","flexDirection","padding","listStyleType","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","UnorderedList","Object","assign","map","index","Fragment","key","SortableOverlay"],"mappings":"uUAmB4B,EAC1BA,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAOC,MAEP,MAAOC,EAAQC,GAAaC,EAAQA,SAAgB,MAC9CC,EAAaC,WAAQ,IAAMT,EAAMU,MAAMC,GAASA,EAAKC,MAAOP,MAAAA,OAAA,EAAAA,EAAQO,OAAK,CAACP,EAAQL,IAClFa,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3ChB,iBACJiB,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,cAAe,QACZnB,GAGL,OACEoB,EAAA,QAAAC,cAACC,EAAAA,WAAU,CACTb,QAASA,EACTc,YAAa,EAAGtB,OAAAA,MACdC,EAAUD,IAEZuB,UAAW,EAAGvB,OAAAA,EAAQwB,KAAAA,MACpB,GAAIA,GAAQxB,EAAOO,MAAOiB,MAAAA,OAAA,EAAAA,EAAMjB,IAAI,CAClC,MAAMkB,EAAc9B,EAAM+B,WAAU,EAAGnB,GAAAA,KAASA,IAAOP,EAAOO,KACxDoB,EAAYhC,EAAM+B,WAAU,EAAGnB,GAAAA,KAASA,IAAOiB,EAAKjB,KAE1DX,EAASgC,EAAAA,UAAUjC,EAAO8B,EAAaE,IAEzC1B,EAAU,OAEZ4B,aAAc,IAAY5B,EAAU,OAEpCkB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACnC,MAAOA,GACtBwB,EAAAA,QAAAC,cAACW,gBAAkBC,OAAAC,OAAA,GAAAnC,GAChBH,EAAMuC,KAAI,CAAC5B,EAAM6B,IAChBhB,EAAAA,QAACC,cAAAD,UAAMiB,UAASC,IAAK/B,EAAKC,IAAKV,EAAWS,EAAM6B,QAItDhB,UAAAC,cAACkB,EAAeA,gBAAE,KAAAnC,EAAaN,EAAWM,GAAc"}

package/build/{spinner.component-19c70e5d.js → spinner.component-91585024.js}

@@ -1,5 +1,5 @@
-"use strict";var e=require("react"),r=require("./text.component-057889c3.js"),t=require("./chakra-ui-system.esm-c70df670.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},i=t.keyframes`
+"use strict";var e=require("react"),r=require("./text.component-c65875e0.js"),t=require("./chakra-ui-system.esm-434904f8.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},i=t.keyframes`
     from {transform: rotate(0deg);}
     to {transform: rotate(360deg)}
   `;exports.Spinner=({size:e="md",isFullScreen:t=!1,showLabel:n=!1,label:s="Loading...",labelProps:c})=>{const u=l[e],d=`0.45s linear 0s infinite normal none running ${i}`;return o.default.createElement((({children:e})=>t?o.default.createElement(a.VStack,{h:"100%",w:"100%",pos:"absolute",top:"0",left:"0",align:"center",justify:"center",bg:"background.alpha"},e):o.default.createElement(a.VStack,{w:"max-content",h:"max-content",align:"center",justify:"center"},e)),null,o.default.createElement(a.Box,{display:"inline-block",animation:d,border:"2px",borderTopColor:"background.primary",borderRightColor:"background.primary",borderLeftColor:"transparent",borderBottomColor:"transparent",height:`${u}px`,width:`${u}px`,borderRadius:`${u}px`}),n&&o.default.createElement(r.WrappedText,Object.assign({as:"p",className:"Spinner__Label",size:e,variant:"subtle"},c),s))};
-//# sourceMappingURL=spinner.component-19c70e5d.js.map
+//# sourceMappingURL=spinner.component-91585024.js.map

package/build/{spinner.component-19c70e5d.js.map → spinner.component-91585024.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner.component-19c70e5d.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  isFullScreen?: boolean;\n  label?: string;\n  showLabel?: boolean;\n  labelProps?: TextProps;\n}\n\nexport const Spinner = ({\n  size = 'md',\n  isFullScreen = false,\n  showLabel = false,\n  label = 'Loading...',\n  labelProps,\n}: SpinnerProps): JSX.Element => {\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n  const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return isFullScreen ? (\n      <VStack h=\"100%\" w=\"100%\" pos=\"absolute\" top=\"0\" left=\"0\" align=\"center\" justify=\"center\" bg=\"background.alpha\">\n        {children}\n      </VStack>\n    ) : (\n      <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n        {children}\n      </VStack>\n    );\n  };\n\n  return (\n    <SpinnerContainer>\n      <Box\n        display=\"inline-block\"\n        animation={animation}\n        border=\"2px\"\n        borderTopColor=\"background.primary\"\n        borderRightColor=\"background.primary\"\n        borderLeftColor={'transparent'}\n        borderBottomColor={'transparent'}\n        height={`${spinnerSize}px`}\n        width={`${spinnerSize}px`}\n        borderRadius={`${spinnerSize}px`}\n      />\n      {showLabel && (\n        <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n          {label}\n        </Text>\n      )}\n    </SpinnerContainer>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICAAC,EAAOC,EAASA,SAAA;;;oBAaC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,MAEA,MAAMC,EAAcb,EAAeQ,GAC7BM,EAAY,gDAAgDR,IAalE,OACES,yBAbuB,EAAGC,SAAAA,KACnBP,EACLM,EAAAA,QAACE,cAAAC,EAAMA,OAAC,CAAAC,EAAE,OAAOC,EAAE,OAAOC,IAAI,WAAWC,IAAI,IAAIC,KAAK,IAAIC,MAAM,SAASC,QAAQ,SAASC,GAAG,oBAC1FV,GAGHD,EAAAA,QAACE,cAAAC,EAAMA,QAACE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAU,EAAGA,KACFC,QAAQ,eACRd,UAAWA,EACXe,OAAO,MACPC,eAAe,qBACfC,iBAAiB,qBACjBC,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGrB,MACXsB,MAAO,GAAGtB,MACVuB,aAAc,GAAGvB,QAElBH,GACCK,EAAAA,QAACE,cAAAoB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBlC,KAAMA,EAAkBmC,QAAQ,UAAa/B,GAClFD"}
+{"version":3,"file":"spinner.component-91585024.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  isFullScreen?: boolean;\n  label?: string;\n  showLabel?: boolean;\n  labelProps?: TextProps;\n}\n\nexport const Spinner = ({\n  size = 'md',\n  isFullScreen = false,\n  showLabel = false,\n  label = 'Loading...',\n  labelProps,\n}: SpinnerProps): JSX.Element => {\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n  const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return isFullScreen ? (\n      <VStack h=\"100%\" w=\"100%\" pos=\"absolute\" top=\"0\" left=\"0\" align=\"center\" justify=\"center\" bg=\"background.alpha\">\n        {children}\n      </VStack>\n    ) : (\n      <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n        {children}\n      </VStack>\n    );\n  };\n\n  return (\n    <SpinnerContainer>\n      <Box\n        display=\"inline-block\"\n        animation={animation}\n        border=\"2px\"\n        borderTopColor=\"background.primary\"\n        borderRightColor=\"background.primary\"\n        borderLeftColor={'transparent'}\n        borderBottomColor={'transparent'}\n        height={`${spinnerSize}px`}\n        width={`${spinnerSize}px`}\n        borderRadius={`${spinnerSize}px`}\n      />\n      {showLabel && (\n        <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n          {label}\n        </Text>\n      )}\n    </SpinnerContainer>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICAAC,EAAOC,EAASA,SAAA;;;oBAaC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,MAEA,MAAMC,EAAcb,EAAeQ,GAC7BM,EAAY,gDAAgDR,IAalE,OACES,yBAbuB,EAAGC,SAAAA,KACnBP,EACLM,EAAAA,QAACE,cAAAC,EAAMA,OAAC,CAAAC,EAAE,OAAOC,EAAE,OAAOC,IAAI,WAAWC,IAAI,IAAIC,KAAK,IAAIC,MAAM,SAASC,QAAQ,SAASC,GAAG,oBAC1FV,GAGHD,EAAAA,QAACE,cAAAC,EAAMA,QAACE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAU,EAAGA,KACFC,QAAQ,eACRd,UAAWA,EACXe,OAAO,MACPC,eAAe,qBACfC,iBAAiB,qBACjBC,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGrB,MACXsB,MAAO,GAAGtB,MACVuB,aAAc,GAAGvB,QAElBH,GACCK,EAAAA,QAACE,cAAAoB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBlC,KAAMA,EAAkBmC,QAAQ,UAAa/B,GAClFD"}

package/build/switch.component-80bde1a7.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-f63a4db4.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),n=require("./chakra-ui-system.esm-434904f8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=s(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),s=i.spacing,o=void 0===s?"0.5rem":s,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=c.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=c.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=c.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return c.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),c.createElement("input",l({className:"chakra-switch__input"},p({},t))),c.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),c.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&c.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:s}=r,c=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?s?"indeterminateOnContrast":"indeterminate":s?"onContrast":"default"),[n,s]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},c))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
+//# sourceMappingURL=switch.component-80bde1a7.js.map

package/build/{switch.component-5e876a7a.js.map → switch.component-80bde1a7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-5e876a7a.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
+{"version":3,"file":"switch.component-80bde1a7.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}

package/build/tab.component-13f0c889.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-ee377b31.js"),i=require("./icon.component-bdb22e26.js"),n=require("react"),a=require("./heading.component-54992e5c.js"),o=require("./chakra-ui-tabs.esm-91de32e1.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(n);const u={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:s,label:d,showNotificationCounter:l=!1,notificationCount:f=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=n,j=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(o.Tab,Object.assign({},j),!!s&&c.default.createElement(r.Box,{pr:2},c.default.createElement(i.Icon,{name:s,size:C})),c.default.createElement(a.WrappedHeading,{size:m[C]},d),l&&c.default.createElement(t.NotificationCounter,{count:f,variant:b,size:u[C],ml:2}))};
+//# sourceMappingURL=tab.component-13f0c889.js.map

package/build/{tab.component-9395a9e2.js.map → tab.component-13f0c889.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab.component-9395a9e2.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"0YAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
+{"version":3,"file":"tab.component-13f0c889.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"0YAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}

package/build/tabs.component-1274483e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-13f0c889.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabListProps:n,tabPanels:l,tabPanelsStyle:c}=t,u=e.__rest(t,["size","tabList","tabListProps","tabPanels","tabPanelsStyle"]);return i.default.createElement(s.Tabs,Object.assign({},u,{size:r}),i.default.createElement(s.TabList,Object.assign({},n),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!l&&i.default.createElement(s.TabPanels,Object.assign({},c),l.map((e=>e))))};
+//# sourceMappingURL=tabs.component-1274483e.js.map

package/build/tabs.component-1274483e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component-1274483e.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabListProps?: TabListProps;\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({\n  size = 'md',\n  tabList,\n  tabListProps,\n  tabPanels,\n  tabPanelsStyle,\n  ...rest\n}: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList {...tabListProps}>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabListProps","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,aACPA,EAAYC,UACZA,EAASC,eACTA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAKT,GACVD,EAAQa,KAAI,CAACC,EAAKC,IACjBT,UAAAK,cAACK,EAAGA,IAAAP,OAAAC,OAAA,CAACO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}

package/build/{tabsLayout.component-9b90c425.js → tabsLayout.component-4de55362.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./tabs.component-f7a37a9b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
-//# sourceMappingURL=tabsLayout.component-9b90c425.js.map
+"use strict";var e=require("react"),t=require("./tabs.component-1274483e.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
+//# sourceMappingURL=tabsLayout.component-4de55362.js.map

package/build/{tabsLayout.component-9b90c425.js.map → tabsLayout.component-4de55362.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabsLayout.component-9b90c425.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
+{"version":3,"file":"tabsLayout.component-4de55362.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}