npm - @activecollab/components - Versions diffs - 1.0.205 → 1.0.207 - Mend

@activecollab/components 1.0.205 → 1.0.207

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1562) hide show

package/dist/esm/components/Paper/Paper.js CHANGED Viewed

@@ -4,21 +4,19 @@ var _excluded = ["children", "className", "type", "hover", "useOptimizedShadow"]
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledPaper } from "./Styles";
 /**
  * This is a component description and should sit directly above your component
  */
 export var Paper = /*#__PURE__*/forwardRef(function (_ref, innerRef) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "paper-1" : _ref$type,
-      _ref$hover = _ref.hover,
-      hover = _ref$hover === void 0 ? false : _ref$hover,
-      _ref$useOptimizedShad = _ref.useOptimizedShadow,
-      useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "paper-1" : _ref$type,
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? false : _ref$hover,
+    _ref$useOptimizedShad = _ref.useOptimizedShadow,
+    useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledPaper, _extends({
     className: classNames(className, {
       "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",

package/dist/esm/components/Paper/Paper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Paper~~/Paper~~.~~tsx~~"],"names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,QATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,wBALDC,KAKC;AAAA,MALDA,KAKC,2BALO,KAKP;AAAA,mCAJDC,kBAIC;AAAA,MAJDA,kBAIC,sCAJoB,KAIpB;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAET,UAAU,CAACK,SAAD,EAAY;AAC/~~B,+BACE,CAACG,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAFZ;AAG~~/~~B,iCACEE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAJX;AAK~~/B,uBAAiB,CAACC,KAAD,IAAUD,IAAI,KAAK,SALL;AAM/B,+BACG,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAA1C,IACC,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SARb;AAS/B,iCACGE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAAzC,IACCE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAXZ;AAY/B,uBACG,CAACC,KAAD,IAAUD,IAAI,KAAK,SAApB,IAAmC,CAACC,KAAD,IAAUD,IAAI,KAAK;AAbzB,KAAZ,CADvB;AAgBE,IAAA,GAAG,EAAEH,QAhBP;AAiBE,IAAA,IAAI,EAAEG;AAjBR,KAkBMG,IAlBN,GAoBGL,QApBH,CADF;AAwBD,CApC4B,CAAxB;AAuCPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string /\n children: ReactNode;\n /* CSS classes /\n className?: string;\n /* Ref object. /\n innerRef?: RefObject<HTMLDivElement>;\n /* Define custom style /\n style?: object;\n /* Type of paper to be used /\n type?: \"paper-1\" \| \"paper-2\" \| \"paper-3\";\n /* Paper has hover or not /\n hover?: boolean;\n /* Use optimized shadow /\n useOptimizedShadow?: boolean;\n}\n\n/\n This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") \|\|\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") \|\|\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") \|\| (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"~~file~~":"~~Paper.js~~"}
1	+ {"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string /\n children: ReactNode;\n /* CSS classes /\n className?: string;\n /* Ref object. /\n innerRef?: RefObject<HTMLDivElement>;\n /* Define custom style /\n style?: object;\n /* Type of paper to be used /\n type?: \"paper-1\" \| \"paper-2\" \| \"paper-3\";\n /* Paper has hover or not /\n hover?: boolean;\n /* Use optimized shadow /\n useOptimizedShadow?: boolean;\n}\n\n/\n This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") \|\|\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") \|\|\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") \|\| (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,QAAgD,EAC7C;EAAA,IARDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,kBAChBC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,6BACbC,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IACvBC,IAAI;EAIT,oBACE,oBAAC,WAAW;IACV,SAAS,EAAET,UAAU,CAACK,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACH,GAAG,EAAEH,QAAS;IACd,IAAI,EAAEG;EAAK,GACPG,IAAI,GAEPL,QAAQ,CACG;AAElB,CAAC,CACF;AAEDF,KAAK,CAACQ,WAAW,GAAG,OAAO"}

package/dist/esm/components/Paper/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Paper/~~Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","props","type","displayName"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA~~/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAGA,OAAO,IAAMC,WAAW,GAAGH,GAAH,kDAClB;AAAA;AAAA,CADkB,EAIpBE,SAJoB,EAKpBD,cALoB,CAAjB;AAOP,OAAO,IAAMG,WAAW,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,kBACpBF,WADoB,EAGpB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,SAAf,IACAP,GADA,6CADA;AAAA,CAHoB,CAAjB;AAUPI,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n props.type === \"paper-3\" &&\n css`\n border: solid 1px var(--border-primary);\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","props","type","displayName"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n props.type === \"paper-3\" &&\n css`\n border: solid 1px var(--border-primary);\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAGxC,OAAO,IAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,IAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,kBACjCF,WAAW,EAEX,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,IAAI,KAAK,SAAS,IACxBP,GAAG,6CAEF;AAAA,EACJ;AAEDI,WAAW,CAACI,WAAW,GAAG,aAAa"}

package/dist/esm/components/Paper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Paper/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,SAAd~~","sourcesContent":["export * from \"./Paper\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Paper/index.ts"],"sourcesContent":["export * from \"./Paper\";\n"],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/components/Pickers/NavBarElement.js CHANGED Viewed

@@ -4,7 +4,7 @@ import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
 import { StyledNavBarButton } from "./Styles";
 export var NavBarElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onPreviousClick = _ref.onPreviousClick,
-      onNextClick = _ref.onNextClick;
+    onNextClick = _ref.onNextClick;
   var onPrevious = useCallback(function () {
     onPreviousClick();
   }, [onPreviousClick]);

package/dist/esm/components/Pickers/NavBarElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pickers/~~NavBarElement.~~tsx~~"],"names":["React","forwardRef","useCallback","ArrowRightIcon","ArrowLeftIcon","StyledNavBarButton","NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"~~mappings~~":"~~AAAA,OAAOA,KAAP,IAA4BC,UAA5B,EAAwCC,WAAxC,QAA2D,OAA3D;AAEA,SAASC,cAAT,QAA+B,UAA~~/B;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAMA,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CAGrC,gBAAmCM,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAGR,WAAW,CAAC,YAAM;AACnCM,IAAAA,eAAe;AAChB,GAF6B,EAE3B,CAACA,eAAD,CAF2B,CAA9B;AAIA,MAAMG,MAAM,GAAGT,WAAW,CAAC,YAAM;AAC/BO,IAAAA,WAAW;AACZ,GAFyB,EAEvB,CAACA,WAAD,CAFuB,CAA1B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEF,GAAzC;AAA8C,IAAA,QAAQ,EAAE;AAAxD,kBACE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEG,UALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,aAAD;AAAe,kBAAW,gBAA1B;AAA2C,IAAA,KAAK,EAAC,IAAjD;AAAsD,IAAA,MAAM,EAAC;AAA7D,IARF,CADF,eAWE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,cAAD;AAAgB,kBAAW,YAA3B;AAAwC,IAAA,KAAK,EAAC,IAA9C;AAAmD,IAAA,MAAM,EAAC;AAA1D,IARF,CAXF,CADF;AAwBD,CApCsC,CAAhC;AAsCPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport { StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n HTMLDivElement,\n NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n const onPrevious = useCallback(() => {\n onPreviousClick();\n }, [onPreviousClick]);\n\n const onNext = useCallback(() => {\n onNextClick();\n }, [onNextClick]);\n\n return (\n <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onPrevious}\n $direction=\"previous\"\n >\n <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onNext}\n $direction=\"next\"\n >\n <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n </div>\n );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"~~file~~":"~~NavBarElement.js~~"}
1	+ {"version":3,"file":"NavBarElement.js","names":["React","forwardRef","useCallback","ArrowRightIcon","ArrowLeftIcon","StyledNavBarButton","NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport { StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n HTMLDivElement,\n NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n const onPrevious = useCallback(() => {\n onPreviousClick();\n }, [onPreviousClick]);\n\n const onNext = useCallback(() => {\n onNextClick();\n }, [onNextClick]);\n\n return (\n <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onPrevious}\n $direction=\"previous\"\n >\n <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onNext}\n $direction=\"next\"\n >\n <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n </div>\n );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAgBC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AAElE,SAASC,cAAc,QAAQ,UAAU;AACzC,OAAOC,aAAa,MAAM,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,UAAU;AAM7C,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CAGrC,gBAAmCM,GAAG,EAAK;EAAA,IAAxCC,eAAe,QAAfA,eAAe;IAAEC,WAAW,QAAXA,WAAW;EAC/B,IAAMC,UAAU,GAAGR,WAAW,CAAC,YAAM;IACnCM,eAAe,EAAE;EACnB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,IAAMG,MAAM,GAAGT,WAAW,CAAC,YAAM;IAC/BO,WAAW,EAAE;EACf,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBACE;IAAK,SAAS,EAAC,oBAAoB;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE;EAAE,gBACxD,oBAAC,kBAAkB;IACjB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,OAAO;IACZ,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEG,UAAW;IACpB,UAAU,EAAC;EAAU,gBAErB,oBAAC,aAAa;IAAC,cAAW,gBAAgB;IAAC,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC;EAAI,EAAG,CACjD,eACrB,oBAAC,kBAAkB;IACjB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,OAAO;IACZ,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEC,MAAO;IAChB,UAAU,EAAC;EAAM,gBAEjB,oBAAC,cAAc;IAAC,cAAW,YAAY;IAAC,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC;EAAI,EAAG,CAC9C,CACjB;AAEV,CAAC,CAAC;AAEFL,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/esm/components/Pickers/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pickers/~~Styles.ts"],"names":["styled","css","Button","StyledNavBarButton","props","$direction","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"~~mappings~~":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,kBAAkB,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAJ,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAJ,GADA,gBADA;AAAA,CAhB2B,CAAxB;AA6BP,OAAO,IAAMK,YAAY,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACH,KAAD;AAAA,SACA,CAACA,KAAK,CAACK,WAAP,GACIR,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACM,UAAN,IACA,CAACN,KAAK,CAACK,WADP,IAEAR,GAFA,WAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACM,UAAN,IACAN,KAAK,CAACK,WADN,IAEAR,GAFA,mCADC;AAAA,CA/BmB,EAsCnB,UAACG,KAAD;AAAA,SACDA,KAAK,CAACO,iBAAN,IACAV,GADA,gDADC;AAAA,CAtCmB,CAAjB;AA6CP,OAAO,IAAMW,qBAAqB,GAAGZ,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGb,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGd,MAAM,CAACe,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAWPZ,kBAAkB,CAACa,WAAnB,GAAiC,oBAAjC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" \| \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15rem;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n display: inline-block;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","Button","StyledNavBarButton","props","$direction","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" \| \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15rem;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n display: inline-block;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,kBAAkB,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,kGAS5C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,UAAU,IAC/BJ,GAAG,0BAGF;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,MAAM,IAC3BJ,GAAG,gBAEF;AAAA,EACJ;AAQD,OAAO,IAAMK,YAAY,GAAGN,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,mCAIhC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAQJ,CAAC,CACF;AACD,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,oEAI/B;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAMJ,CAAC,EAEC,UAACH,KAAK;EAAA,OACN,CAACA,KAAK,CAACK,WAAW,GACdR,GAAG,4DAKHA,GAAG,kDACG;IAAA;EAAkB,CAAC,CAExB;AAAA,GAEJ,UAACG,KAAK;EAAA,OACPA,KAAK,CAACM,UAAU,IAChB,CAACN,KAAK,CAACK,WAAW,IAClBR,GAAG,WACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAEA,UAACG,KAAK;EAAA,OACPA,KAAK,CAACM,UAAU,IAChBN,KAAK,CAACK,WAAW,IACjBR,GAAG,mCAEF;AAAA,GAEA,UAACG,KAAK;EAAA,OACPA,KAAK,CAACO,iBAAiB,IACvBV,GAAG,gDAEF;AAAA,EACJ;AAED,OAAO,IAAMW,qBAAqB,GAAGZ,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,oHAKzC;EAAA;EAAA;AAAiC,CAAC,CAMvC;AAED,OAAO,IAAMM,2BAA2B,GAAGb,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,iCAGpD;AAED,OAAO,IAAMO,+BAA+B,GAAGd,MAAM,CAACe,IAAI;EAAA;EAAA;AAAA,kIACpD;EAAA;EAAA;EAAA;AAA0B,CAAC,CAQhC;AAEDZ,kBAAkB,CAACa,WAAW,GAAG,oBAAoB;AACrDV,YAAY,CAACU,WAAW,GAAG,cAAc;AACzCR,WAAW,CAACQ,WAAW,GAAG,aAAa"}

package/dist/esm/components/Pickers/YearMonthPicker.js CHANGED Viewed

@@ -2,26 +2,23 @@ import React, { useCallback, useMemo, useState } from "react";
 import { StyledMonth, StyledMonths, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from "./Styles";
 export var YearMonthPicker = function YearMonthPicker(_ref) {
   var date = _ref.date,
-      localeUtils = _ref.localeUtils,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$isShown = _ref.isShown,
-      isShown = _ref$isShown === void 0 ? true : _ref$isShown,
-      onClick = _ref.onClick,
-      text = _ref.text,
-      selectedDays = _ref.selectedDays,
-      selectionMode = _ref.selectionMode;
+    localeUtils = _ref.localeUtils,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
+      return null;
+    } : _ref$onChange,
+    _ref$isShown = _ref.isShown,
+    isShown = _ref$isShown === void 0 ? true : _ref$isShown,
+    onClick = _ref.onClick,
+    text = _ref.text,
+    selectedDays = _ref.selectedDays,
+    selectionMode = _ref.selectionMode;
   var _useState = useState(),
-      enteredTo = _useState[0],
-      setEnteredTo = _useState[1];
+    enteredTo = _useState[0],
+    setEnteredTo = _useState[1];
   var months = localeUtils.getMonths();
   var handleMonthChange = useCallback(function (e) {
     onChange(new Date(date.getFullYear(), e.target.dataset.value));
     if (onClick) {
       onClick(e);
     }

package/dist/esm/components/Pickers/YearMonthPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pickers/~~YearMonthPicker.~~tsx~~"],"names":["React","useCallback","useMemo","useState","StyledMonth","StyledMonths","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","date","localeUtils","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","months","getMonths","handleMonthChange","e","Date","getFullYear","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","map","month","i","getMonth","from","to","substring","displayName"],"~~mappings~~":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionElementProps } from \"react-day-picker\";\nimport {\n StyledMonth,\n StyledMonths,\n StyledYearMonthPicker,\n StyledYearMonthPickerNavBar,\n StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\n\ninterface IYearMonthForm {\n onChange?: (modifiersArg) => void;\n isShown?: boolean;\n text: string;\n selectedDays?: { from; to } \| Date;\n selectionMode?: string;\n}\n\nexport const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm> = ({\n date,\n localeUtils,\n onChange = (): null => null,\n isShown = true,\n onClick,\n text,\n selectedDays,\n selectionMode,\n}) => {\n const [enteredTo, setEnteredTo] = useState<number \| undefined>();\n const months = localeUtils.getMonths();\n\n const handleMonthChange = useCallback(\n (e) => {\n onChange(new Date(date.getFullYear(), e.target.dataset.value));\n if (onClick) {\n onClick(e);\n }\n },\n [date, onChange, onClick]\n );\n\n const onMouseEnterCallback = useCallback(\n (e) => {\n if (selectionMode === \"quarterly\") {\n setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n }\n },\n [selectionMode]\n );\n\n const renderMonths = useMemo(() => {\n return (\n <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n {months.map((month, i) => {\n return (\n <StyledMonth\n className=\"c-monthPicker__month\"\n key={i}\n onClick={handleMonthChange}\n onMouseEnter={onMouseEnterCallback}\n data-value={i}\n data-test=\"month\"\n $isCurrent={\n date.getFullYear() === new Date().getFullYear() &&\n new Date().getMonth() === i\n }\n $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n $isSelected={\n selectedDays &&\n !(selectedDays instanceof Date) &&\n selectedDays.from &&\n selectedDays.to &&\n selectedDays.from.getFullYear() === date.getFullYear() &&\n i >= selectedDays.from.getMonth() &&\n i <= selectedDays.to.getMonth()\n }\n >\n {month.substring(0, 3)}\n </StyledMonth>\n );\n })}\n </StyledMonths>\n );\n }, [\n date,\n handleMonthChange,\n months,\n selectedDays,\n enteredTo,\n onMouseEnterCallback,\n ]);\n\n return (\n <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n <StyledYearMonthPickerNavBar role=\"button\">\n <StyledYearMonthPickerNavBarItem\n data-test=\"show-picker\"\n onClick={onClick}\n >\n {text}\n </StyledYearMonthPickerNavBarItem>\n </StyledYearMonthPickerNavBar>\n {isShown && renderMonths}\n </StyledYearMonthPicker>\n );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n"],"~~file~~":"~~YearMonthPicker.js~~"}
1	+ {"version":3,"file":"YearMonthPicker.js","names":["React","useCallback","useMemo","useState","StyledMonth","StyledMonths","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","date","localeUtils","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","months","getMonths","handleMonthChange","e","Date","getFullYear","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","map","month","i","getMonth","from","to","substring","displayName"],"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionElementProps } from \"react-day-picker\";\nimport {\n StyledMonth,\n StyledMonths,\n StyledYearMonthPicker,\n StyledYearMonthPickerNavBar,\n StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\n\ninterface IYearMonthForm {\n onChange?: (modifiersArg) => void;\n isShown?: boolean;\n text: string;\n selectedDays?: { from; to } \| Date;\n selectionMode?: string;\n}\n\nexport const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm> = ({\n date,\n localeUtils,\n onChange = (): null => null,\n isShown = true,\n onClick,\n text,\n selectedDays,\n selectionMode,\n}) => {\n const [enteredTo, setEnteredTo] = useState<number \| undefined>();\n const months = localeUtils.getMonths();\n\n const handleMonthChange = useCallback(\n (e) => {\n onChange(new Date(date.getFullYear(), e.target.dataset.value));\n if (onClick) {\n onClick(e);\n }\n },\n [date, onChange, onClick]\n );\n\n const onMouseEnterCallback = useCallback(\n (e) => {\n if (selectionMode === \"quarterly\") {\n setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n }\n },\n [selectionMode]\n );\n\n const renderMonths = useMemo(() => {\n return (\n <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n {months.map((month, i) => {\n return (\n <StyledMonth\n className=\"c-monthPicker__month\"\n key={i}\n onClick={handleMonthChange}\n onMouseEnter={onMouseEnterCallback}\n data-value={i}\n data-test=\"month\"\n $isCurrent={\n date.getFullYear() === new Date().getFullYear() &&\n new Date().getMonth() === i\n }\n $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n $isSelected={\n selectedDays &&\n !(selectedDays instanceof Date) &&\n selectedDays.from &&\n selectedDays.to &&\n selectedDays.from.getFullYear() === date.getFullYear() &&\n i >= selectedDays.from.getMonth() &&\n i <= selectedDays.to.getMonth()\n }\n >\n {month.substring(0, 3)}\n </StyledMonth>\n );\n })}\n </StyledMonths>\n );\n }, [\n date,\n handleMonthChange,\n months,\n selectedDays,\n enteredTo,\n onMouseEnterCallback,\n ]);\n\n return (\n <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n <StyledYearMonthPickerNavBar role=\"button\">\n <StyledYearMonthPickerNavBarItem\n data-test=\"show-picker\"\n onClick={onClick}\n >\n {text}\n </StyledYearMonthPickerNavBarItem>\n </StyledYearMonthPickerNavBar>\n {isShown && renderMonths}\n </StyledYearMonthPicker>\n );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n"],"mappings":"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"}

package/dist/esm/components/Pickers/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pickers/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,mBAAd;AACA,cAAc,iBAAd~~","sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}

package/dist/esm/components/Popper/Placement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"names":[],"~~mappings~~":"","sourcesContent":[],"~~file~~":"~~Placement.js~~"}
1	+ {"version":3,"file":"Placement.js","names":[],"sources":["../../../../src/components/Popper/Placement.ts"],"sourcesContent":["import { Placement as PopperPlacement } from \"@popperjs/core\";\n\nexport declare type Placement = PopperPlacement;\n"],"mappings":""}

package/dist/esm/components/Popper/Popper.js CHANGED Viewed

@@ -6,72 +6,59 @@ import { createPopper } from "@popperjs/core";
 import useForkRef from "../../utils/useForkRef";
 export var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      anchorEl = _ref.anchorEl,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      style = _ref.style,
-      _ref$transition = _ref.transition,
-      transition = _ref$transition === void 0 ? false : _ref$transition,
-      _ref$placement = _ref.placement,
-      initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-      _ref$strategy = _ref.strategy,
-      strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    anchorEl = _ref.anchorEl,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    style = _ref.style,
+    _ref$transition = _ref.transition,
+    transition = _ref$transition === void 0 ? false : _ref$transition,
+    _ref$placement = _ref.placement,
+    initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(true),
-      exited = _useState[0],
-      setExited = _useState[1];
+    exited = _useState[0],
+    setExited = _useState[1];
   var _useState2 = useState(initialPlacement),
-      placement = _useState2[0],
-      setPlacement = _useState2[1];
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
   var ownRef = useRef(null);
   var popperRef = useRef();
   var handleInnerRef = useForkRef(ownRef, ref);
   var handlePopperUpdate = function handlePopperUpdate(data) {
     setPlacement(data.placement || "bottom");
   };
   var handleOpen = useCallback(function () {
     if (!ownRef.current || !anchorEl || !open) {
       return;
     }
     if (popperRef.current) {
       popperRef.current.destroy();
     }
     popperRef.current = createPopper(anchorEl, ownRef.current, {
       placement: placement,
       onFirstUpdate: handlePopperUpdate,
       strategy: strategy
     });
   }, [anchorEl, open, placement, strategy]);
   var handleClose = function handleClose() {
     if (!popperRef.current) {
       return;
     }
     popperRef.current.destroy();
   };
   var handleRef = useCallback(function (node) {
     handleInnerRef(node);
     handleOpen();
   }, [handleOpen, handleInnerRef]);
   var handleEnter = function handleEnter() {
     setExited(false);
   };
   var handleExited = function handleExited() {
     setExited(true);
     handleClose();
   };
   useEffect(function () {
     return function () {
       handleClose();
@@ -87,15 +74,12 @@ export var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
       popperRef.current.update();
     }
   });
   if (!open && (!transition || exited)) {
     return null;
   }
   var childProps = {
     placement: placement
   };
   if (transition) {
     childProps.transitionProps = {
       in: open,
@@ -103,7 +87,6 @@ export var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onExited: handleExited
     };
   }
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: handleRef
   }, rest, {

package/dist/esm/components/Popper/Popper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Popper~~/Popper~~.~~tsx~~"],"names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","useForkRef","Popper","ref","children","anchorEl","open","style","transition","placement","initialPlacement","strategy","rest","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","displayName"],"~~mappings~~":"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","sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n HTMLAttributes,\n} from \"react\";\nimport {\n createPopper,\n Instance,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\nimport { Placement } from \".\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps {\n /** Anchor Element. /\n anchorEl?: Element \| null;\n /* Open /\n open?: boolean;\n /* Inline style /\n style?: CSSProperties;\n /* Child with transition /\n transition?: boolean;\n /* Placement /\n placement?: Placement;\n /* Strategy */\n strategy?: PositioningStrategy;\n}\n\nexport const Popper = forwardRef<\n HTMLDivElement,\n PopperProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement \| null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement \|\| \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current \|\| !anchorEl \|\| !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n });\n }, [anchorEl, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition \|\| exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <div\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </div>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"~~file~~":"~~Popper.js~~"}
1	+ {"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","useForkRef","Popper","ref","children","anchorEl","open","style","transition","placement","initialPlacement","strategy","rest","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useRef,\n useEffect,\n useState,\n CSSProperties,\n HTMLAttributes,\n} from \"react\";\nimport {\n createPopper,\n Instance,\n PositioningStrategy,\n State,\n} from \"@popperjs/core\";\nimport { Placement } from \".\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface TransitionProps {\n in: boolean;\n onEnter: () => void;\n onExited: () => void;\n}\ninterface IChildProps {\n placement: Placement;\n transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps {\n /** Anchor Element. /\n anchorEl?: Element \| null;\n /* Open /\n open?: boolean;\n /* Inline style /\n style?: CSSProperties;\n /* Child with transition /\n transition?: boolean;\n /* Placement /\n placement?: Placement;\n /* Strategy */\n strategy?: PositioningStrategy;\n}\n\nexport const Popper = forwardRef<\n HTMLDivElement,\n PopperProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n {\n children,\n anchorEl,\n open = false,\n style,\n transition = false,\n placement: initialPlacement = \"bottom\",\n strategy = \"absolute\",\n ...rest\n },\n ref\n ) => {\n const [exited, setExited] = useState(true);\n const [placement, setPlacement] = useState(initialPlacement);\n const ownRef = useRef<HTMLDivElement \| null>(null);\n const popperRef = useRef<Instance>();\n\n const handleInnerRef = useForkRef(ownRef, ref);\n\n const handlePopperUpdate = (data: Partial<State>): void => {\n setPlacement(data.placement \|\| \"bottom\");\n };\n\n const handleOpen = useCallback(() => {\n if (!ownRef.current \|\| !anchorEl \|\| !open) {\n return;\n }\n\n if (popperRef.current) {\n popperRef.current.destroy();\n }\n\n popperRef.current = createPopper(anchorEl, ownRef.current, {\n placement,\n onFirstUpdate: handlePopperUpdate,\n strategy,\n });\n }, [anchorEl, open, placement, strategy]);\n\n const handleClose = (): void => {\n if (!popperRef.current) {\n return;\n }\n\n popperRef.current.destroy();\n };\n\n const handleRef = useCallback(\n (node: HTMLDivElement) => {\n handleInnerRef(node);\n handleOpen();\n },\n [handleOpen, handleInnerRef]\n );\n\n const handleEnter = (): void => {\n setExited(false);\n };\n\n const handleExited = (): void => {\n setExited(true);\n handleClose();\n };\n\n useEffect(() => {\n return (): void => {\n handleClose();\n };\n }, []);\n\n useEffect(() => {\n if (!open && !transition) {\n handleClose();\n }\n }, [open, transition]);\n\n useEffect(() => {\n if (popperRef.current) {\n popperRef.current.update();\n }\n });\n\n if (!open && (!transition \|\| exited)) {\n return null;\n }\n\n const childProps: Partial<IChildProps> = { placement };\n\n if (transition) {\n childProps.transitionProps = {\n in: open,\n onEnter: handleEnter,\n onExited: handleExited,\n };\n }\n\n return (\n <div\n ref={handleRef}\n {...rest}\n style={{\n ...style,\n }}\n >\n {typeof children === \"function\" ? children(childProps) : children}\n </div>\n );\n }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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"}

package/dist/esm/components/Popper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Popper/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,UAAd;AACA,cAAc,aAAd~~","sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Popper/index.ts"],"sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,aAAa"}

package/dist/esm/components/Pressed/Pressed.js CHANGED Viewed

@@ -4,17 +4,15 @@ var _excluded = ["children", "active", "className"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledPressed } from "./Styles";
 /**
  * Pressed wrapper for button component
  */
 export var Pressed = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      className = _ref.className,
-      args = _objectWithoutPropertiesLoose(_ref, _excluded);
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    className = _ref.className,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledPressed, _extends({
     active: active,
     ref: ref,

package/dist/esm/components/Pressed/Pressed.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Pressed~~/Pressed~~.~~tsx~~"],"names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"~~mappings~~":"~~;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAASC,aAAT,QAA8B,UAA9B;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC~~/B,gBAAmDI,GAAnD,EAA2D;AAAA,MAAxDC,QAAwD,QAAxDA,QAAwD;AAAA,yBAA9CC,MAA8C;AAAA,MAA9CA,MAA8C,4BAArC,KAAqC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACzD,sBACE,oBAAC,aAAD;AACE,IAAA,MAAM,EAAEF,MADV;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,SAAS,EAAEH,UAAU,CAAC;AAAE,2BAAqBK;AAAvB,KAAD,EAAkCC,SAAlC;AAHvB,KAIMC,IAJN,GAMGH,QANH,CADF;AAUD,CAZ8B,CAA1B;AAePF,OAAO,CAACM,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n /** Set active state /\n active?: boolean;\n}\n\n/\n Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n ({ children, active = false, className, ...args }, ref) => {\n return (\n <StyledPressed\n active={active}\n ref={ref}\n className={classNames({ \"c-pressed__active\": active }, className)}\n {...args}\n >\n {children}\n </StyledPressed>\n );\n }\n);\n\nPressed.displayName = \"Pressed\";\n"],"~~file~~":"~~Pressed.js~~"}
1	+ {"version":3,"file":"Pressed.js","names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"sources":["../../../../src/components/Pressed/Pressed.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n /** Set active state /\n active?: boolean;\n}\n\n/\n Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n ({ children, active = false, className, ...args }, ref) => {\n return (\n <StyledPressed\n active={active}\n ref={ref}\n className={classNames({ \"c-pressed__active\": active }, className)}\n {...args}\n >\n {children}\n </StyledPressed>\n );\n }\n);\n\nPressed.displayName = \"Pressed\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,aAAa,QAAQ,UAAU;AAOxC;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,gBAAmDI,GAAG,EAAK;EAAA,IAAxDC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC7C,oBACE,oBAAC,aAAa;IACZ,MAAM,EAAEF,MAAO;IACf,GAAG,EAAEF,GAAI;IACT,SAAS,EAAEH,UAAU,CAAC;MAAE,mBAAmB,EAAEK;IAAO,CAAC,EAAEC,SAAS;EAAE,GAC9DC,IAAI,GAEPH,QAAQ,CACK;AAEpB,CAAC,CACF;AAEDF,OAAO,CAACM,WAAW,GAAG,SAAS"}

package/dist/esm/components/Pressed/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pressed/~~Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"~~mappings~~":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,yCAEM;AAAA;AAAA,GAFN,EAII,CAACG,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACFL,GADE,gDAJJ,EASI,CAACG,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACFL,GADE,mEATJ,EAeIG,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACFL,GADE,yCAfJ,EAoBIG,KAAK,CAACE,OAAN,KAAkB,eAAlB,IACFL,GADE,sFApBJ,EA0BE,CAACG,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAL,GADA,gDA1BF,EA+BE,CAACG,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAL,GADA,sCAGIG,KAAK,CAACG,QAAN,YAA0BC,KAA1B,IACFP,GADE,8CAHJ,CA/~~BF,CADA;AAAA,CADsB,CAAnB;AA4CPE,aAAa,CAACM,WAAd,GAA4B,eAA5B~~","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-pointer-events-none`}\n\n ${(props.variant === \"primary\" \|\| props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" \|\| props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" \|\| props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" \|\| props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-pointer-events-none`}\n\n ${(props.variant === \"primary\" \|\| props.variant === \"contained\") &&\n css`\n background-color: var(--color-primary-800);\n `}\n\n ${(props.variant === \"secondary\" \|\| props.variant === \"outlined\") &&\n css`\n border-color: var(--color-primary);\n color: var(--color-primary);\n `}\n\n ${props.variant === \"dark transparent\" &&\n css`\n background-color: var(--only-black);\n `}\n\n ${props.variant === \"circle raised\" &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-tertiary-hover);\n `}\n\n ${(props.variant === \"tertiary\" \|\| props.variant === \"text colored\") &&\n css`\n background-color: var(--color-primary-200);\n `}\n\n ${(props.variant === \"option\" \|\| props.variant === \"text gray\") &&\n css`\n color: var(--color-primary);\n ${props.children instanceof Array &&\n css`\n background-color: var(--color-theme-300);\n `}\n `}\n `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,aACvC,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,IACZJ,GAAG,yCACG;IAAA;EAAuB,CAAC,EAE1B,CAACG,KAAK,CAACE,OAAO,KAAK,SAAS,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC/DL,GAAG,gDAEF,EAEC,CAACG,KAAK,CAACE,OAAO,KAAK,WAAW,IAAIF,KAAK,CAACE,OAAO,KAAK,UAAU,KAChEL,GAAG,mEAGF,EAECG,KAAK,CAACE,OAAO,KAAK,kBAAkB,IACtCL,GAAG,yCAEF,EAECG,KAAK,CAACE,OAAO,KAAK,eAAe,IACnCL,GAAG,sFAGF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,UAAU,IAAIF,KAAK,CAACE,OAAO,KAAK,cAAc,KACjEL,GAAG,gDAEF,EAED,CAACG,KAAK,CAACE,OAAO,KAAK,QAAQ,IAAIF,KAAK,CAACE,OAAO,KAAK,WAAW,KAC5DL,GAAG,sCAECG,KAAK,CAACG,QAAQ,YAAYC,KAAK,IACjCP,GAAG,8CAEF,CACF,CACF;AAAA,EACJ;AAEDE,aAAa,CAACM,WAAW,GAAG,eAAe"}

package/dist/esm/components/Pressed/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Pressed/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,WAAd~~","sourcesContent":["export * from \"./Pressed\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pressed/index.ts"],"sourcesContent":["export * from \"./Pressed\";\n"],"mappings":"AAAA,cAAc,WAAW"}

package/dist/esm/components/ProgressBar/ProgressBar.js CHANGED Viewed

@@ -2,46 +2,38 @@ import React, { useMemo } from "react";
 import { StyledProgressBar, StyledProgressBarProgress } from "./Styles";
 export var ProgressBar = function ProgressBar(_ref) {
   var _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 0 : _ref$progress,
-      backgroundColor = _ref.backgroundColor,
-      progressColor = _ref.progressColor,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 100 : _ref$width;
+    progress = _ref$progress === void 0 ? 0 : _ref$progress,
+    backgroundColor = _ref.backgroundColor,
+    progressColor = _ref.progressColor,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 100 : _ref$width;
   var progressNumber = useMemo(function () {
     var width = progress;
     if (progress > 100) {
       width = 100;
     }
     if (progress < 0) {
       width = 0;
     }
     return width;
   }, [progress]);
   var widthPercent = useMemo(function () {
     var width_percent = width;
     if (width > 100) {
       width_percent = 100;
     }
     if (width <= 0) {
       width_percent = 100;
     }
     return width_percent;
   }, [width]);
   var height = useMemo(function () {
     var stroke_min = stroke;
     if (stroke <= 0) {
       stroke_min = 3;
     }
     return stroke_min;
   }, [stroke]);
   return /*#__PURE__*/React.createElement(StyledProgressBar, {

package/dist/esm/components/ProgressBar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ProgressBar~~/ProgressBar~~.~~tsx~~"],"names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","displayName"],"~~mappings~~":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,QAAmC,OAAnC;AACA,SAASC,iBAAT,EAA4BC,yBAA5B,QAA6D,UAA7D;AAeA,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAqC,OAM5C;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,CAKP;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,aAGI,QAHJA,aAGI;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,CAEL;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,GACJ;AACJ,MAAMC,cAAc,GAAGT,OAAO,CAAC,YAAM;AACnC,QAAIQ,KAAK,GAAGJ,QAAZ;;AACA,QAAIA,QAAQ,GAAG,GAAf,EAAoB;AAClBI,MAAAA,KAAK,GAAG,GAAR;AACD;;AACD,QAAIJ,QAAQ,GAAG,CAAf,EAAkB;AAChBI,MAAAA,KAAK,GAAG,CAAR;AACD;;AACD,WAAOA,KAAP;AACD,GAT6B,EAS3B,CAACJ,QAAD,CAT2B,CAA9B;AAWA,MAAMM,YAAY,GAAGV,OAAO,CAAC,YAAM;AACjC,QAAIW,aAAa,GAAGH,KAApB;;AAEA,QAAIA,KAAK,GAAG,GAAZ,EAAiB;AACfG,MAAAA,aAAa,GAAG,GAAhB;AACD;;AAED,QAAIH,KAAK,IAAI,CAAb,EAAgB;AACdG,MAAAA,aAAa,GAAG,GAAhB;AACD;;AAED,WAAOA,aAAP;AACD,GAZ2B,EAYzB,CAACH,KAAD,CAZyB,CAA5B;AAcA,MAAMI,MAAM,GAAGZ,OAAO,CAAC,YAAM;AAC3B,QAAIa,UAAU,GAAGN,MAAjB;;AAEA,QAAIA,MAAM,IAAI,CAAd,EAAiB;AACfM,MAAAA,UAAU,GAAG,CAAb;AACD;;AAED,WAAOA,UAAP;AACD,GARqB,EAQnB,CAACN,MAAD,CARmB,CAAtB;AAUA,sBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAE,gBADb;AAEE,IAAA,MAAM,EAAEF,eAFV;AAGE,IAAA,MAAM,EAAEK;AAHV,kBAKE,oBAAC,yBAAD;AACE,IAAA,SAAS,EAAE,0BADb;AAEE,IAAA,KAAK,EAAE;AAAEF,MAAAA,KAAK,EAAKC,cAAL;AAAP,KAFT;AAGE,IAAA,OAAO,EAAEG,MAHX;AAIE,IAAA,MAAM,EAAEN;AAJV,IALF,CADF;AAcD,CAxDM;AA0DPH,WAAW,CAACW,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n /** Progress prop can be number. /\n progress: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Progress height. /\n stroke?: number;\n /* Progress width in percentage. */\n width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress = 0,\n backgroundColor,\n progressColor,\n stroke = 3,\n width = 100,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const widthPercent = useMemo(() => {\n let width_percent = width;\n\n if (width > 100) {\n width_percent = 100;\n }\n\n if (width <= 0) {\n width_percent = 100;\n }\n\n return width_percent;\n }, [width]);\n\n const height = useMemo(() => {\n let stroke_min = stroke;\n\n if (stroke <= 0) {\n stroke_min = 3;\n }\n\n return stroke_min;\n }, [stroke]);\n\n return (\n <StyledProgressBar\n className={\"c-progress-bar\"}\n $color={backgroundColor}\n $width={widthPercent}\n >\n <StyledProgressBarProgress\n className={\"c-progress-bar__progress\"}\n style={{ width: `${progressNumber}%` }}\n $height={height}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"~~file~~":"~~ProgressBar.js~~"}
1	+ {"version":3,"file":"ProgressBar.js","names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n /** Progress prop can be number. /\n progress: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Progress height. /\n stroke?: number;\n /* Progress width in percentage. */\n width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress = 0,\n backgroundColor,\n progressColor,\n stroke = 3,\n width = 100,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const widthPercent = useMemo(() => {\n let width_percent = width;\n\n if (width > 100) {\n width_percent = 100;\n }\n\n if (width <= 0) {\n width_percent = 100;\n }\n\n return width_percent;\n }, [width]);\n\n const height = useMemo(() => {\n let stroke_min = stroke;\n\n if (stroke <= 0) {\n stroke_min = 3;\n }\n\n return stroke_min;\n }, [stroke]);\n\n return (\n <StyledProgressBar\n className={\"c-progress-bar\"}\n $color={backgroundColor}\n $width={widthPercent}\n >\n <StyledProgressBarProgress\n className={\"c-progress-bar__progress\"}\n style={{ width: `${progressNumber}%` }}\n $height={height}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAevE,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAkC,OAMzC;EAAA,yBALJC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IACZC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,mBACbC,MAAM;IAANA,MAAM,4BAAG,CAAC;IAAA,kBACVC,KAAK;IAALA,KAAK,2BAAG,GAAG;EAEX,IAAMC,cAAc,GAAGT,OAAO,CAAC,YAAM;IACnC,IAAIQ,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,IAAMM,YAAY,GAAGV,OAAO,CAAC,YAAM;IACjC,IAAIW,aAAa,GAAGH,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfG,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIH,KAAK,IAAI,CAAC,EAAE;MACdG,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,IAAMI,MAAM,GAAGZ,OAAO,CAAC,YAAM;IAC3B,IAAIa,UAAU,GAAGN,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfM,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAE,gBAAiB;IAC5B,MAAM,EAAEF,eAAgB;IACxB,MAAM,EAAEK;EAAa,gBAErB,oBAAC,yBAAyB;IACxB,SAAS,EAAE,0BAA2B;IACtC,KAAK,EAAE;MAAEF,KAAK,EAAKC,cAAc;IAAI,CAAE;IACvC,OAAO,EAAEG,MAAO;IAChB,MAAM,EAAEN;EAAc,EACtB,CACgB;AAExB,CAAC;AAEDH,WAAW,CAACW,WAAW,GAAG,aAAa"}

package/dist/esm/components/ProgressBar/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ProgressBar/~~Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledProgressBar","div","props","$width","$color","displayName","StyledProgressBarProgress","$height"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA~~/B;AAQA,OAAO,IAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,uBAC1BF,cAD0B,EAG1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIL,GADJ,mBAEeI,KAAK,CAACC,MAFrB,IAIIL,GAJJ,iBADA;AAAA,CAH0B,EAY1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACE,MAAN,GACIN,GADJ,6BAE0BI,KAAK,CAACE,MAFhC,IAIIN,GAJJ,8CADA;AAAA,CAZ0B,CAAvB;AAsBPE,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,yBAAyB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,kBAClC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACK,OAAN,GACIT,GADJ,qBAEgBI,KAAK,CAACK,OAFtB,IAIIT,GAJJ,iBADA;AAAA,CADkC,EAUlC,UAACI,KAAD;AAAA,SACAA,KAAK,CAACE,MAAN,GACIN,GADJ,6BAE0BI,KAAK,CAACE,MAFhC,IAIIN,GAJJ,8CADA;AAAA,CAVkC,CAA/~~B;AAoBPQ,yBAAyB,CAACD,WAA1B,GAAwC,2BAAxC~~","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n $color?: string;\n $height?: number;\n $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$width\n ? css`\n width: ${props.$width}%;\n `\n : css`\n width: 100%;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-theme-300);\n `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n ${(props) =>\n props.$height\n ? css`\n height: ${props.$height}px;\n `\n : css`\n height: 3px;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-secondary);\n `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledProgressBar","div","props","$width","$color","displayName","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n $color?: string;\n $height?: number;\n $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$width\n ? css`\n width: ${props.$width}%;\n `\n : css`\n width: 100%;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-theme-300);\n `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n ${(props) =>\n props.$height\n ? css`\n height: ${props.$height}px;\n `\n : css`\n height: 3px;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n background-color: ${props.$color};\n `\n : css`\n background-color: var(--color-secondary);\n `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAQlD,OAAO,IAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,uBACvCF,cAAc,EAEd,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRL,GAAG,mBACQI,KAAK,CAACC,MAAM,IAEvBL,GAAG,iBAEF;AAAA,GAEL,UAACI,KAAK;EAAA,OACNA,KAAK,CAACE,MAAM,GACRN,GAAG,6BACmBI,KAAK,CAACE,MAAM,IAElCN,GAAG,8CAEF;AAAA,EACR;AAEDE,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMC,yBAAyB,GAAGT,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,kBAC/C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACK,OAAO,GACTT,GAAG,qBACSI,KAAK,CAACK,OAAO,IAEzBT,GAAG,iBAEF;AAAA,GAEL,UAACI,KAAK;EAAA,OACNA,KAAK,CAACE,MAAM,GACRN,GAAG,6BACmBI,KAAK,CAACE,MAAM,IAElCN,GAAG,8CAEF;AAAA,EACR;AAEDQ,yBAAyB,CAACD,WAAW,GAAG,2BAA2B"}

package/dist/esm/components/ProgressBar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ProgressBar/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,eAAd~~","sourcesContent":["export * from \"./ProgressBar\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ProgressBar/index.ts"],"sourcesContent":["export * from \"./ProgressBar\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/ProgressRing/ProgressRing.js CHANGED Viewed

@@ -3,28 +3,25 @@ import { StyledBackgroundCircle, StyledForegroundCircle, StyledSvg, StyledProgre
 import classNames from "classnames";
 export var ProgressRing = function ProgressRing(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      progressColor = _ref.progressColor,
-      _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 0 : _ref$progress,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 20 : _ref$radius,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
-      className = _ref.className,
-      _ref$showPercentage = _ref.showPercentage,
-      showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
-      fontSize = _ref.fontSize;
+    progressColor = _ref.progressColor,
+    _ref$progress = _ref.progress,
+    progress = _ref$progress === void 0 ? 0 : _ref$progress,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 20 : _ref$radius,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
+    className = _ref.className,
+    _ref$showPercentage = _ref.showPercentage,
+    showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
+    fontSize = _ref.fontSize;
   var progressNumber = useMemo(function () {
     var width = progress;
     if (progress > 100) {
       width = 100;
     }
     if (progress < 0) {
       width = 0;
     }
     return width;
   }, [progress]);
   var normalizedRadius = useMemo(function () {

package/dist/esm/components/ProgressRing/ProgressRing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ProgressRing~~/ProgressRing~~.~~tsx~~"],"names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"~~mappings~~":"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","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n StyledBackgroundCircle,\n StyledForegroundCircle,\n StyledSvg,\n StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IProgressRingProps {\n /** Progress prop can be number. /\n progress?: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Custom classname for styling. /\n radius?: number;\n /* Custom classname for styling. /\n stroke?: number;\n /* Applies passed classes /\n className?: string;\n /* Should the percentage be displayed inside ring or not /\n showPercentage?: boolean;\n /* Size of displayed percentage /\n fontSize?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n backgroundColor,\n progressColor,\n progress = 0,\n radius = 20,\n stroke = 3,\n className,\n showPercentage = false,\n fontSize,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n const circumference = useMemo(\n () => normalizedRadius 2 * Math.PI,\n [normalizedRadius]\n );\n const strokeDashoffsetOuter = useMemo(\n () => circumference - ((100 - progressNumber) / 100) * circumference,\n [circumference, progressNumber]\n );\n const strokeDashoffsetInner = useMemo(\n () => circumference - (progressNumber / 100) * circumference,\n [circumference, progressNumber]\n );\n\n return (\n <StyledSvg\n height={radius * 2}\n width={radius * 2}\n className={classNames(className)}\n >\n <StyledBackgroundCircle\n $color={backgroundColor}\n $strokeDashOffset={-strokeDashoffsetOuter}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n <StyledForegroundCircle\n $color={progressColor}\n $strokeDashOffset={strokeDashoffsetInner}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n {showPercentage ? (\n <StyledProgressRingPercentage\n $color={progressColor}\n $fontSize={fontSize}\n x=\"50%\"\n y=\"-50%\"\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {progressNumber}%\n </StyledProgressRingPercentage>\n ) : null}\n </StyledSvg>\n );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"~~file~~":"~~ProgressRing.js~~"}
1	+ {"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n StyledBackgroundCircle,\n StyledForegroundCircle,\n StyledSvg,\n StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IProgressRingProps {\n /** Progress prop can be number. /\n progress?: number;\n /* Custom classname for styling. /\n backgroundColor?: string;\n /* Custom classname for styling. /\n progressColor?: string;\n /* Custom classname for styling. /\n radius?: number;\n /* Custom classname for styling. /\n stroke?: number;\n /* Applies passed classes /\n className?: string;\n /* Should the percentage be displayed inside ring or not /\n showPercentage?: boolean;\n /* Size of displayed percentage /\n fontSize?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n backgroundColor,\n progressColor,\n progress = 0,\n radius = 20,\n stroke = 3,\n className,\n showPercentage = false,\n fontSize,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n const circumference = useMemo(\n () => normalizedRadius 2 * Math.PI,\n [normalizedRadius]\n );\n const strokeDashoffsetOuter = useMemo(\n () => circumference - ((100 - progressNumber) / 100) * circumference,\n [circumference, progressNumber]\n );\n const strokeDashoffsetInner = useMemo(\n () => circumference - (progressNumber / 100) * circumference,\n [circumference, progressNumber]\n );\n\n return (\n <StyledSvg\n height={radius * 2}\n width={radius * 2}\n className={classNames(className)}\n >\n <StyledBackgroundCircle\n $color={backgroundColor}\n $strokeDashOffset={-strokeDashoffsetOuter}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n <StyledForegroundCircle\n $color={progressColor}\n $strokeDashOffset={strokeDashoffsetInner}\n strokeWidth={stroke}\n strokeDasharray={`${circumference} ${circumference}`}\n r={normalizedRadius}\n cx={radius}\n cy={radius}\n />\n {showPercentage ? (\n <StyledProgressRingPercentage\n $color={progressColor}\n $fontSize={fontSize}\n x=\"50%\"\n y=\"-50%\"\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {progressNumber}%\n </StyledProgressRingPercentage>\n ) : null}\n </StyledSvg>\n );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SACEC,sBAAsB,EACtBC,sBAAsB,EACtBC,SAAS,EACTC,4BAA4B,QACvB,UAAU;AACjB,OAAOC,UAAU,MAAM,YAAY;AAqBnC,OAAO,IAAMC,YAAoC,GAAG,SAAvCA,YAAoC,OAS3C;EAAA,IARJC,eAAe,QAAfA,eAAe;IACfC,aAAa,QAAbA,aAAa;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,mBACZC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IACVC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,QAAQ,QAARA,QAAQ;EAER,IAAMC,cAAc,GAAGf,OAAO,CAAC,YAAM;IACnC,IAAIgB,KAAK,GAAGP,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBO,KAAK,GAAG,GAAG;IACb;IACA,IAAIP,QAAQ,GAAG,CAAC,EAAE;MAChBO,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,IAAMQ,gBAAgB,GAAGjB,OAAO,CAAC;IAAA,OAAMU,MAAM,GAAGC,MAAM,GAAG,CAAC;EAAA,GAAE,CAACD,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC7E,IAAMO,aAAa,GAAGlB,OAAO,CAC3B;IAAA,OAAMiB,gBAAgB,GAAG,CAAC,GAAGE,IAAI,CAACC,EAAE;EAAA,GACpC,CAACH,gBAAgB,CAAC,CACnB;EACD,IAAMI,qBAAqB,GAAGrB,OAAO,CACnC;IAAA,OAAMkB,aAAa,GAAI,CAAC,GAAG,GAAGH,cAAc,IAAI,GAAG,GAAIG,aAAa;EAAA,GACpE,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EACD,IAAMO,qBAAqB,GAAGtB,OAAO,CACnC;IAAA,OAAMkB,aAAa,GAAIH,cAAc,GAAG,GAAG,GAAIG,aAAa;EAAA,GAC5D,CAACA,aAAa,EAAEH,cAAc,CAAC,CAChC;EAED,oBACE,oBAAC,SAAS;IACR,MAAM,EAAEL,MAAM,GAAG,CAAE;IACnB,KAAK,EAAEA,MAAM,GAAG,CAAE;IAClB,SAAS,EAAEL,UAAU,CAACO,SAAS;EAAE,gBAEjC,oBAAC,sBAAsB;IACrB,MAAM,EAAEL,eAAgB;IACxB,iBAAiB,EAAE,CAACc,qBAAsB;IAC1C,WAAW,EAAEV,MAAO;IACpB,eAAe,EAAKO,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEP,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,eACF,oBAAC,sBAAsB;IACrB,MAAM,EAAEF,aAAc;IACtB,iBAAiB,EAAEc,qBAAsB;IACzC,WAAW,EAAEX,MAAO;IACpB,eAAe,EAAKO,aAAa,SAAIA,aAAgB;IACrD,CAAC,EAAED,gBAAiB;IACpB,EAAE,EAAEP,MAAO;IACX,EAAE,EAAEA;EAAO,EACX,EACDG,cAAc,gBACb,oBAAC,4BAA4B;IAC3B,MAAM,EAAEL,aAAc;IACtB,SAAS,EAAEM,QAAS;IACpB,CAAC,EAAC,KAAK;IACP,CAAC,EAAC,MAAM;IACR,gBAAgB,EAAC,SAAS;IAC1B,UAAU,EAAC;EAAQ,GAElBC,cAAc,MACc,GAC7B,IAAI,CACE;AAEhB,CAAC;AAEDT,YAAY,CAACiB,WAAW,GAAG,cAAc"}

package/dist/esm/components/ProgressRing/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ProgressRing/~~Styles.ts"],"names":["styled","css","StyledSvg","svg","displayName","StyledBackgroundCircle","circle","props","$color","$strokeDashOffset","StyledForegroundCircle","StyledProgressRingPercentage","text","$fontSize"],"~~mappings~~":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAQA,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,iCAAf;AAIPD,SAAS,CAACE,WAAV,GAAwB,WAAxB;AAEA,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACM,MAAV;AAAA;AAAA;AAAA,4EAI/~~B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIP,GADJ,mBAEgBM,KAAK,CAACC,MAFtB,IAIIP,GAJJ,gDADA;AAAA,CAJ+B,EAa~~/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACE,iBAAN,IACAR,GADA,8BAEuBM,KAAK,CAACE,iBAF7B,CADA;AAAA,CAb+B,CAA5B;AAoBPJ,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMM,sBAAsB,GAAGV,MAAM,CAACM,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIP,GADJ,mBAEgBM,KAAK,CAACC,MAFtB,IAIIP,GAJJ,oCADA;AAAA,CAJ+B,EAa/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACE,iBAAN,IACAR,GADA,8BAEuBM,KAAK,CAACE,iBAF7B,CADA;AAAA,CAb+B,CAA5B;AAoBPC,sBAAsB,CAACN,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMO,4BAA4B,GAAGX,MAAM,CAACY,IAAV;AAAA;AAAA;AAAA,0CAGrC,UAACL,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIP,GADJ,iBAEcM,KAAK,CAACC,MAFpB,IAIIP,GAJJ,kCADA;AAAA,CAHqC,EAYrC,UAACM,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,GACIZ,GADJ,wBAEmBM,KAAK,CAACM,SAFzB,IAIIZ,GAJJ,qBADA;AAAA,CAZqC,CAAlC;AAsBPU,4BAA4B,CAACP,WAA7B,GAA2C,8BAA3C","sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n $color?: string;\n $strokeDashOffset?: number;\n $fontSize?: number;\n}\n\nexport const StyledSvg = styled.svg`\n transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-theme-transparent-300);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n transform: rotate(90deg);\n\n ${(props) =>\n props.$color\n ? css`\n fill: ${props.$color};\n `\n : css`\n fill: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$fontSize\n ? css`\n font-size: ${props.$fontSize}px;\n `\n : css`\n font-size: 10px;\n `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","StyledSvg","svg","displayName","StyledBackgroundCircle","circle","props","$color","$strokeDashOffset","StyledForegroundCircle","StyledProgressRingPercentage","text","$fontSize"],"sources":["../../../../src/components/ProgressRing/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n $color?: string;\n $strokeDashOffset?: number;\n $fontSize?: number;\n}\n\nexport const StyledSvg = styled.svg`\n transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-theme-transparent-300);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n transform: rotate(90deg);\n\n ${(props) =>\n props.$color\n ? css`\n fill: ${props.$color};\n `\n : css`\n fill: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$fontSize\n ? css`\n font-size: ${props.$fontSize}px;\n `\n : css`\n font-size: 10px;\n `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,iCAElC;AAEDD,SAAS,CAACE,WAAW,GAAG,WAAW;AAEnC,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACM,MAAM;EAAA;EAAA;AAAA,4EAI/C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,mBACSM,KAAK,CAACC,MAAM,IAExBP,GAAG,gDAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACE,iBAAiB,IACvBR,GAAG,8BACoBM,KAAK,CAACE,iBAAiB,CAC7C;AAAA,EACJ;AAEDJ,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMM,sBAAsB,GAAGV,MAAM,CAACM,MAAM;EAAA;EAAA;AAAA,4EAI/C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,mBACSM,KAAK,CAACC,MAAM,IAExBP,GAAG,oCAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACE,iBAAiB,IACvBR,GAAG,8BACoBM,KAAK,CAACE,iBAAiB,CAC7C;AAAA,EACJ;AAEDC,sBAAsB,CAACN,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMO,4BAA4B,GAAGX,MAAM,CAACY,IAAI;EAAA;EAAA;AAAA,0CAGnD,UAACL,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,iBACOM,KAAK,CAACC,MAAM,IAEtBP,GAAG,kCAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACM,SAAS,GACXZ,GAAG,wBACYM,KAAK,CAACM,SAAS,IAE9BZ,GAAG,qBAEF;AAAA,EACR;AAEDU,4BAA4B,CAACP,WAAW,GAAG,8BAA8B"}