@activecollab/components 1.0.59 → 1.0.60

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 (71) hide show
  1. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  2. package/dist/cjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/dist/cjs/components/Accordion/AccordionItemBody.js.map +1 -1
  4. package/dist/cjs/components/Accordion/AccordionItemHead.js.map +1 -1
  5. package/dist/cjs/components/AutoResizeTextarea/AutoResizeTextarea.js.map +1 -1
  6. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  7. package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
  8. package/dist/cjs/components/CounterButton/CounterButton.js.map +1 -1
  9. package/dist/cjs/components/Label/Label.js.map +1 -1
  10. package/dist/cjs/components/List/List.js.map +1 -1
  11. package/dist/cjs/components/MultiAvatar/MultiAvatar.js.map +1 -1
  12. package/dist/cjs/components/Overlay/Overlay.js.map +1 -1
  13. package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
  14. package/dist/cjs/components/ScaleBar/ScaleBar.js.map +1 -1
  15. package/dist/cjs/components/Tag/Tag.js.map +1 -1
  16. package/dist/cjs/components/Toggle/Toggle.js.map +1 -1
  17. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  18. package/dist/esm/components/Accordion/Accordion.d.ts +1 -2
  19. package/dist/esm/components/Accordion/Accordion.d.ts.map +1 -1
  20. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  21. package/dist/esm/components/Accordion/AccordionItem.d.ts +1 -2
  22. package/dist/esm/components/Accordion/AccordionItem.d.ts.map +1 -1
  23. package/dist/esm/components/Accordion/AccordionItem.js.map +1 -1
  24. package/dist/esm/components/Accordion/AccordionItemBody.d.ts +1 -2
  25. package/dist/esm/components/Accordion/AccordionItemBody.d.ts.map +1 -1
  26. package/dist/esm/components/Accordion/AccordionItemBody.js.map +1 -1
  27. package/dist/esm/components/Accordion/AccordionItemHead.d.ts +1 -2
  28. package/dist/esm/components/Accordion/AccordionItemHead.d.ts.map +1 -1
  29. package/dist/esm/components/Accordion/AccordionItemHead.js.map +1 -1
  30. package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.d.ts +2 -3
  31. package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.d.ts.map +1 -1
  32. package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js.map +1 -1
  33. package/dist/esm/components/Avatar/Avatar.d.ts +2 -3
  34. package/dist/esm/components/Avatar/Avatar.d.ts.map +1 -1
  35. package/dist/esm/components/Avatar/Avatar.js.map +1 -1
  36. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts +1 -2
  37. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts.map +1 -1
  38. package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
  39. package/dist/esm/components/CounterButton/CounterButton.d.ts +1 -2
  40. package/dist/esm/components/CounterButton/CounterButton.d.ts.map +1 -1
  41. package/dist/esm/components/CounterButton/CounterButton.js.map +1 -1
  42. package/dist/esm/components/Label/Label.d.ts +1 -2
  43. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  44. package/dist/esm/components/Label/Label.js.map +1 -1
  45. package/dist/esm/components/List/List.d.ts +1 -2
  46. package/dist/esm/components/List/List.d.ts.map +1 -1
  47. package/dist/esm/components/List/List.js.map +1 -1
  48. package/dist/esm/components/MultiAvatar/MultiAvatar.d.ts +1 -2
  49. package/dist/esm/components/MultiAvatar/MultiAvatar.d.ts.map +1 -1
  50. package/dist/esm/components/MultiAvatar/MultiAvatar.js.map +1 -1
  51. package/dist/esm/components/Overlay/Overlay.d.ts +2 -3
  52. package/dist/esm/components/Overlay/Overlay.d.ts.map +1 -1
  53. package/dist/esm/components/Overlay/Overlay.js.map +1 -1
  54. package/dist/esm/components/ProgressBar/ProgressBar.d.ts +1 -2
  55. package/dist/esm/components/ProgressBar/ProgressBar.d.ts.map +1 -1
  56. package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
  57. package/dist/esm/components/ScaleBar/ScaleBar.d.ts +1 -2
  58. package/dist/esm/components/ScaleBar/ScaleBar.d.ts.map +1 -1
  59. package/dist/esm/components/ScaleBar/ScaleBar.js.map +1 -1
  60. package/dist/esm/components/Tag/Tag.d.ts +2 -5
  61. package/dist/esm/components/Tag/Tag.d.ts.map +1 -1
  62. package/dist/esm/components/Tag/Tag.js.map +1 -1
  63. package/dist/esm/components/Toggle/Toggle.d.ts +3 -4
  64. package/dist/esm/components/Toggle/Toggle.d.ts.map +1 -1
  65. package/dist/esm/components/Toggle/Toggle.js.map +1 -1
  66. package/dist/esm/components/Tooltip/Tooltip.d.ts +1 -1
  67. package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
  68. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  69. package/dist/index.js.map +1 -1
  70. package/dist/index.min.js.map +1 -1
  71. package/package.json +4 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["React","forwardRef","StyledAvatar","Avatar","ref","url","alt","size","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkD,OAAlD;AACA,SAASC,YAAT,QAA6B,UAA7B;AAaA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAC9B,gBAA+DG,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B,CAAzB;AAgBPL,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n /** Path url. */\n url: string;\n /** Alt text. */\n alt?: string;\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n return (\n <StyledAvatar\n {...rest}\n ref={ref}\n src={url}\n alt={alt}\n width={size}\n height={size}\n className={className}\n />\n );\n }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"file":"Avatar.js"}
1
+ {"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["React","forwardRef","StyledAvatar","Avatar","ref","url","alt","size","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,YAAT,QAA6B,UAA7B;AAaA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAC9B,gBAA+DG,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B,CAAzB;AAgBPL,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\nexport interface IAvatar extends React.ComponentPropsWithoutRef<\"img\"> {\n /** Path url. */\n url: string;\n /** Alt text. */\n alt?: string;\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n return (\n <StyledAvatar\n {...rest}\n ref={ref}\n src={url}\n alt={alt}\n width={size}\n height={size}\n className={className}\n />\n );\n }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"file":"Avatar.js"}
@@ -1,5 +1,5 @@
1
1
  import { FC, MouseEvent } from "react";
2
- interface ICompleteCheckboxProps {
2
+ export interface ICompleteCheckboxProps {
3
3
  completed?: boolean;
4
4
  onClick?: (event: MouseEvent) => void;
5
5
  disabled?: boolean;
@@ -9,5 +9,4 @@ interface ICompleteCheckboxProps {
9
9
  checkMarkClassName?: string;
10
10
  }
11
11
  export declare const CompleteCheckbox: FC<ICompleteCheckboxProps>;
12
- export {};
13
12
  //# sourceMappingURL=CompleteCheckbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CompleteCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI9C,UAAU,sBAAsB;IAE9B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CA2BvD,CAAC"}
1
+ {"version":3,"file":"CompleteCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,sBAAsB;IAErC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,sBAAsB,CA2BvD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,sBAAT,QAAuC,UAAvC;AAmBA,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,qBAAD,EAAwBO,SAAxB,CAFvB;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE;AANxC,kBAQE;AACE,IAAA,OAAO,EAAC,WADV;AAEE,IAAA,SAAS,EAAEI,kBAAkB,GAAGA,kBAAH,GAAwB;AAFvD,kBAIE;AAAM,IAAA,CAAC,EAAC;AAAR,IAJF,eAKE;AAAU,IAAA,MAAM,EAAC;AAAjB,IALF,CARF,CADF;AAkBD,CA3BM;AA6BPP,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\ninterface ICompleteCheckboxProps {\n /** Change completed state of checkbox */\n completed?: boolean;\n /** Callback */\n onClick?: (event: MouseEvent) => void;\n /** Make component disabled for interaction */\n disabled?: boolean;\n /** Animation (works only when is completed and not disabled) */\n animate?: boolean;\n /** Class names */\n className?: string | undefined;\n /** Set green color for checkbox */\n primary?: boolean;\n /** Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n >\n <svg\n viewBox=\"0 0 48 48\"\n className={checkMarkClassName ? checkMarkClassName : \"tw-w-12 tw-h-12\"}\n >\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"file":"CompleteCheckbox.js"}
1
+ {"version":3,"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,sBAAT,QAAuC,UAAvC;AAmBA,OAAO,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,qBAAD,EAAwBO,SAAxB,CAFvB;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE;AANxC,kBAQE;AACE,IAAA,OAAO,EAAC,WADV;AAEE,IAAA,SAAS,EAAEI,kBAAkB,GAAGA,kBAAH,GAAwB;AAFvD,kBAIE;AAAM,IAAA,CAAC,EAAC;AAAR,IAJF,eAKE;AAAU,IAAA,MAAM,EAAC;AAAjB,IALF,CARF,CADF;AAkBD,CA3BM;AA6BPP,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n /** Change completed state of checkbox */\n completed?: boolean;\n /** Callback */\n onClick?: (event: MouseEvent) => void;\n /** Make component disabled for interaction */\n disabled?: boolean;\n /** Animation (works only when is completed and not disabled) */\n animate?: boolean;\n /** Class names */\n className?: string | undefined;\n /** Set green color for checkbox */\n primary?: boolean;\n /** Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n >\n <svg\n viewBox=\"0 0 48 48\"\n className={checkMarkClassName ? checkMarkClassName : \"tw-w-12 tw-h-12\"}\n >\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"file":"CompleteCheckbox.js"}
@@ -1,5 +1,5 @@
1
1
  import React, { ReactElement } from "react";
2
- interface ICounterButtonProps {
2
+ export interface ICounterButtonProps {
3
3
  active?: boolean;
4
4
  label?: string;
5
5
  icon?: ReactElement;
@@ -9,5 +9,4 @@ interface ICounterButtonProps {
9
9
  className?: string;
10
10
  }
11
11
  export declare const CounterButton: React.ForwardRefExoticComponent<ICounterButtonProps & React.RefAttributes<HTMLButtonElement>>;
12
- export {};
13
12
  //# sourceMappingURL=CounterButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAWxD,UAAU,mBAAmB;IAE3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+FA+DzB,CAAC"}
1
+ {"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAWxD,MAAM,WAAW,mBAAmB;IAElC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+FA+DzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,SACEC,mBADF,EAEEC,0BAFF,EAGEC,wBAHF,EAIEC,wBAJF,QAKO,UALP;AAwBA,OAAO,IAAMC,aAAa,gBAAGR,UAAU,CACrC,gBAWES,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE;AAAK,IAAA,SAAS,EAAEhB,UAAU,CAAC,4BAAD,EAA+Be,SAA/B;AAA1B,kBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEf,UAAU,CAAC,kBAAD,EAAqB;AACxC,oCAA8BY;AADU,KAArB;AADvB,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHZ,KAAK,CAACmB,YAAN,CAAmBP,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAEf,UAAU,CAAC,wBAAD;AADE,GAAzB,CAXJ,EAcGS,KAAK,iBACJ,oBAAC,wBAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,oBAAC,OAAD;AACE,IAAA,KAAK,OAAKC,WADZ;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,oBAAC,wBAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,oBAAC,cAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9DoC,CAAhC;AAiEPP,aAAa,CAACW,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n} from \"./Styles\";\n\ninterface ICounterButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Icon */\n icon?: ReactElement;\n /** Number of applied filters */\n counter?: number;\n /** OnClearAll callback */\n onClearAll: () => void;\n /** Tooltip content */\n tooltipText?: string;\n /** Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <div className={classNames(\"tw-flex ac-font box-sizing\", className)}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 || active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 || active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </div>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
1
+ {"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["React","forwardRef","classNames","Tooltip","CloseSmallIcon","StyledCounterButton","StyledCounterButtonCounter","StyledCounterButtonLabel","StyledCounterButtonReset","CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,SACEC,mBADF,EAEEC,0BAFF,EAGEC,wBAHF,EAIEC,wBAJF,QAKO,UALP;AAwBA,OAAO,IAAMC,aAAa,gBAAGR,UAAU,CACrC,gBAWES,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE;AAAK,IAAA,SAAS,EAAEhB,UAAU,CAAC,4BAAD,EAA+Be,SAA/B;AAA1B,kBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEf,UAAU,CAAC,kBAAD,EAAqB;AACxC,oCAA8BY;AADU,KAArB;AADvB,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHZ,KAAK,CAACmB,YAAN,CAAmBP,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAEf,UAAU,CAAC,wBAAD;AADE,GAAzB,CAXJ,EAcGS,KAAK,iBACJ,oBAAC,wBAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,oBAAC,0BAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,oBAAC,OAAD;AACE,IAAA,KAAK,OAAKC,WADZ;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,oBAAC,wBAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,oBAAC,cAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9DoC,CAAhC;AAiEPP,aAAa,CAACW,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state */\n active?: boolean;\n /** Label for value */\n label?: string;\n /** Icon */\n icon?: ReactElement;\n /** Number of applied filters */\n counter?: number;\n /** OnClearAll callback */\n onClearAll: () => void;\n /** Tooltip content */\n tooltipText?: string;\n /** Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <div className={classNames(\"tw-flex ac-font box-sizing\", className)}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 || active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 || active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </div>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
@@ -1,10 +1,9 @@
1
1
  import React from "react";
2
2
  import { ITypographyProps } from "../Typography/Typography";
3
- interface ILabelProps {
3
+ export interface ILabelProps {
4
4
  invalid?: boolean;
5
5
  required?: boolean;
6
6
  size?: "regular" | "small";
7
7
  }
8
8
  export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
9
- export {};
10
9
  //# sourceMappingURL=Label.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,mKAkCjB,CAAC"}
1
+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,mKAkCjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAK7B,gBASEG,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface ILabelProps {\n invalid?: boolean;\n required?: boolean;\n size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n HTMLLabelElement,\n ILabelProps &\n Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n (\n {\n invalid = false,\n required = false,\n size = \"regular\",\n children,\n className,\n ...props\n },\n ref\n ) => {\n const color = invalid ? \"alert\" : \"primary\";\n const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n return (\n <Typography\n as=\"label\"\n className={classNames(\"c-label\", className)}\n variant={variant}\n color={color}\n weight=\"bold\"\n ref={ref}\n {...props}\n >\n {children}\n {required ? \"*\" : null}\n </Typography>\n );\n }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
1
+ {"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAK7B,gBASEG,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n invalid?: boolean;\n required?: boolean;\n size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n HTMLLabelElement,\n ILabelProps &\n Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n (\n {\n invalid = false,\n required = false,\n size = \"regular\",\n children,\n className,\n ...props\n },\n ref\n ) => {\n const color = invalid ? \"alert\" : \"primary\";\n const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n return (\n <Typography\n as=\"label\"\n className={classNames(\"c-label\", className)}\n variant={variant}\n color={color}\n weight=\"bold\"\n ref={ref}\n {...props}\n >\n {children}\n {required ? \"*\" : null}\n </Typography>\n );\n }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
@@ -1,8 +1,7 @@
1
1
  import React, { ReactNode } from "react";
2
- interface IList {
2
+ export interface IList {
3
3
  className?: string;
4
4
  children?: ReactNode;
5
5
  }
6
6
  export declare const List: React.ForwardRefExoticComponent<IList & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
7
- export {};
8
7
  //# sourceMappingURL=List.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAG1E,UAAU,KAAK;IAEb,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,yHAWhB,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAG1E,MAAM,WAAW,KAAK;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,yHAWhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","forwardRef","StyledList","List","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,SAASC,UAAT,QAA2B,UAA3B;AASA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAC5B,gBAEEG,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,MAFSC,SAET,QAFSA,SAET;AAAA,MAFuBC,KAEvB;;AACH,sBACE,oBAAC,UAAD,eAAgBA,KAAhB;AAAuB,IAAA,SAAS,EAAED,SAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,MACGC,QADH,CADF;AAKD,CAV2B,CAAvB;AAaPF,IAAI,CAACK,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { StyledList } from \"./Styles\";\n\ninterface IList {\n /** Applies passed classes */\n className?: string;\n /** Children element. */\n children?: ReactNode;\n}\n\nexport const List = forwardRef(\n (\n { children, className, ...props }: IList & HTMLAttributes<HTMLUListElement>,\n ref: Ref<HTMLUListElement> | null | undefined\n ) => {\n return (\n <StyledList {...props} className={className} ref={ref}>\n {children}\n </StyledList>\n );\n }\n);\n\nList.displayName = \"List\";\n"],"file":"List.js"}
1
+ {"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","forwardRef","StyledList","List","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,SAASC,UAAT,QAA2B,UAA3B;AASA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAC5B,gBAEEG,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,MAFSC,SAET,QAFSA,SAET;AAAA,MAFuBC,KAEvB;;AACH,sBACE,oBAAC,UAAD,eAAgBA,KAAhB;AAAuB,IAAA,SAAS,EAAED,SAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,MACGC,QADH,CADF;AAKD,CAV2B,CAAvB;AAaPF,IAAI,CAACK,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { StyledList } from \"./Styles\";\n\nexport interface IList {\n /** Applies passed classes */\n className?: string;\n /** Children element. */\n children?: ReactNode;\n}\n\nexport const List = forwardRef(\n (\n { children, className, ...props }: IList & HTMLAttributes<HTMLUListElement>,\n ref: Ref<HTMLUListElement> | null | undefined\n ) => {\n return (\n <StyledList {...props} className={className} ref={ref}>\n {children}\n </StyledList>\n );\n }\n);\n\nList.displayName = \"List\";\n"],"file":"List.js"}
@@ -1,10 +1,9 @@
1
1
  import { FC } from "react";
2
- interface IMultiAvatar {
2
+ export interface IMultiAvatar {
3
3
  url: string[];
4
4
  alt?: string[];
5
5
  size?: number;
6
6
  className?: string;
7
7
  }
8
8
  export declare const MultiAvatar: FC<IMultiAvatar>;
9
- export {};
10
9
  //# sourceMappingURL=MultiAvatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGxD,UAAU,YAAY;IAEpB,GAAG,EAAE,MAAM,EAAE,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAwDxC,CAAC"}
1
+ {"version":3,"file":"MultiAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,YAAY;IAE3B,GAAG,EAAE,MAAM,EAAE,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAwDxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,EAAiCC,OAAjC,QAAgD,OAAhD;AACA,SAASC,iBAAT,EAA4BC,sBAA5B,QAA0D,UAA1D;AAaA,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAGT,WAAW,CACzB,UAACU,CAAD,EAAuB;AACrB,YAAQL,GAAG,CAACM,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,UAAAA,MAAM,EAAKN,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAIG,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEK,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACM,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGb,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAI,GAAG,QAAH,YAAAA,GAAG,CAAEM,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAON,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOV,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,MAAAA,MAAM,EAAKN,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACM;AAHjB,KAKGG,SAAS,CAACE,GAAV,CAAc,UAACC,CAAD,EAAIP,CAAJ;AAAA,wBACb,oBAAC,sBAAD;AACE,MAAA,KAAK,EAAED,OAAO,CAACC,CAAD,CADhB;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,GAAG,cAAYA;AAHjB,oBAKE;AACE,MAAA,GAAG,EAAEO,CADP;AAEE,MAAA,GAAG,EAAEX,GAAG,CAACI,CAAD,CAAH,GAASJ,GAAG,CAACI,CAAD,CAAZ,eAA4BA,CAFnC;AAGE,MAAA,KAAK,EAAEH,IAHT;AAIE,MAAA,MAAM,EAAEA;AAJV,MALF,CADa;AAAA,GAAd,CALH,CADF;AAsBD,CAxDM;AA0DPH,WAAW,CAACc,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n /** Path url. */\n url: string[];\n /** Alt text. */\n alt?: string[];\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n url,\n alt = \"Avatar Image\",\n size = 24,\n className,\n}) => {\n const setSize = useCallback(\n (i: number): object => {\n switch (url.length) {\n case 1:\n return { width: `${size}px`, height: `${size}px` };\n case 2:\n return { width: `${size / 2}px`, height: `${size}px` };\n case 3:\n if (i === 0) {\n return { width: `${size / 2}px`, height: `${size}px` };\n } else {\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n default:\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n },\n [size, url.length]\n );\n\n const slicedUrl = useMemo(() => {\n if (url?.length > 4) {\n return url.slice(0, 4);\n }\n\n return url;\n }, [url]);\n\n return (\n <StyledMultiAvatar\n style={{ width: `${size}px`, height: `${size}px` }}\n className={className}\n $urlCount={url.length}\n >\n {slicedUrl.map((v, i) => (\n <StyledMultiAvatarInner\n style={setSize(i)}\n className=\"c-multi-avatar__wrapper\"\n key={`avatar_${i}`}\n >\n <img\n src={v}\n alt={alt[i] ? alt[i] : `avatar_${i}`}\n width={size}\n height={size}\n />\n </StyledMultiAvatarInner>\n ))}\n </StyledMultiAvatar>\n );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"file":"MultiAvatar.js"}
1
+ {"version":3,"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,EAAiCC,OAAjC,QAAgD,OAAhD;AACA,SAASC,iBAAT,EAA4BC,sBAA5B,QAA0D,UAA1D;AAaA,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAGT,WAAW,CACzB,UAACU,CAAD,EAAuB;AACrB,YAAQL,GAAG,CAACM,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,UAAAA,MAAM,EAAKN,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAIG,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEK,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACM,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGb,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAI,GAAG,QAAH,YAAAA,GAAG,CAAEM,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAON,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOV,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,MAAAA,MAAM,EAAKN,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACM;AAHjB,KAKGG,SAAS,CAACE,GAAV,CAAc,UAACC,CAAD,EAAIP,CAAJ;AAAA,wBACb,oBAAC,sBAAD;AACE,MAAA,KAAK,EAAED,OAAO,CAACC,CAAD,CADhB;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,GAAG,cAAYA;AAHjB,oBAKE;AACE,MAAA,GAAG,EAAEO,CADP;AAEE,MAAA,GAAG,EAAEX,GAAG,CAACI,CAAD,CAAH,GAASJ,GAAG,CAACI,CAAD,CAAZ,eAA4BA,CAFnC;AAGE,MAAA,KAAK,EAAEH,IAHT;AAIE,MAAA,MAAM,EAAEA;AAJV,MALF,CADa;AAAA,GAAd,CALH,CADF;AAsBD,CAxDM;AA0DPH,WAAW,CAACc,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface IMultiAvatar {\n /** Path url. */\n url: string[];\n /** Alt text. */\n alt?: string[];\n /** Image size. */\n size?: number;\n /** Custom class. */\n className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n url,\n alt = \"Avatar Image\",\n size = 24,\n className,\n}) => {\n const setSize = useCallback(\n (i: number): object => {\n switch (url.length) {\n case 1:\n return { width: `${size}px`, height: `${size}px` };\n case 2:\n return { width: `${size / 2}px`, height: `${size}px` };\n case 3:\n if (i === 0) {\n return { width: `${size / 2}px`, height: `${size}px` };\n } else {\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n default:\n return { width: `${size / 2}px`, height: `${size / 2}px` };\n }\n },\n [size, url.length]\n );\n\n const slicedUrl = useMemo(() => {\n if (url?.length > 4) {\n return url.slice(0, 4);\n }\n\n return url;\n }, [url]);\n\n return (\n <StyledMultiAvatar\n style={{ width: `${size}px`, height: `${size}px` }}\n className={className}\n $urlCount={url.length}\n >\n {slicedUrl.map((v, i) => (\n <StyledMultiAvatarInner\n style={setSize(i)}\n className=\"c-multi-avatar__wrapper\"\n key={`avatar_${i}`}\n >\n <img\n src={v}\n alt={alt[i] ? alt[i] : `avatar_${i}`}\n width={size}\n height={size}\n />\n </StyledMultiAvatarInner>\n ))}\n </StyledMultiAvatar>\n );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"file":"MultiAvatar.js"}
@@ -1,7 +1,6 @@
1
- import { FC, HTMLAttributes } from "react";
2
- interface IOverlay extends HTMLAttributes<HTMLDivElement> {
1
+ import React, { FC } from "react";
2
+ export interface IOverlay extends React.ComponentPropsWithoutRef<"div"> {
3
3
  disableBackgroundColor?: boolean;
4
4
  }
5
5
  export declare const Overlay: FC<IOverlay>;
6
- export {};
7
6
  //# sourceMappingURL=Overlay.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,UAAU,QAAS,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,QAAQ,CAYhC,CAAC"}
1
+ {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,QAAQ,CAYhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":["React","classnames","StyledOverlay","Overlay","className","disableBackgroundColor","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAMA,OAAO,IAAMC,OAAqB,GAAG,SAAxBA,OAAwB,OAI/B;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,KAErB;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC,WAAD,EAAcG,SAAd,CADvB;AAEE,IAAA,uBAAuB,EAAEC;AAF3B,KAGMC,IAHN,EADF;AAOD,CAZM;AAcPH,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\ninterface IOverlay extends HTMLAttributes<HTMLDivElement> {\n disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<IOverlay> = ({\n className,\n disableBackgroundColor = false,\n ...rest\n}) => {\n return (\n <StyledOverlay\n className={classnames(\"c-overlay\", className)}\n $disableBackgroundColor={disableBackgroundColor}\n {...rest}\n />\n );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"file":"Overlay.js"}
1
+ {"version":3,"sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":["React","classnames","StyledOverlay","Overlay","className","disableBackgroundColor","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAMA,OAAO,IAAMC,OAAqB,GAAG,SAAxBA,OAAwB,OAI/B;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,KAErB;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC,WAAD,EAAcG,SAAd,CADvB;AAEE,IAAA,uBAAuB,EAAEC;AAF3B,KAGMC,IAHN,EADF;AAOD,CAZM;AAcPH,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay extends React.ComponentPropsWithoutRef<\"div\"> {\n disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<IOverlay> = ({\n className,\n disableBackgroundColor = false,\n ...rest\n}) => {\n return (\n <StyledOverlay\n className={classnames(\"c-overlay\", className)}\n $disableBackgroundColor={disableBackgroundColor}\n {...rest}\n />\n );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"file":"Overlay.js"}
@@ -1,9 +1,8 @@
1
1
  import { FC } from "react";
2
- interface IProgressBarProps {
2
+ export interface IProgressBarProps {
3
3
  progress: number;
4
4
  backgroundColor?: string;
5
5
  progressColor?: string;
6
6
  }
7
7
  export declare const ProgressBar: FC<IProgressBarProps>;
8
- export {};
9
8
  //# sourceMappingURL=ProgressBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAG3C,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAyB7C,CAAC"}
1
+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,iBAAiB;IAEhC,QAAQ,EAAE,MAAM,CAAC;IAEjB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAyB7C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","progressNumber","width","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,QAAmC,OAAnC;AACA,SAASC,iBAAT,EAA4BC,yBAA5B,QAA6D,UAA7D;AAWA,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAqC,OAI5C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,aACI,QADJA,aACI;AACJ,MAAMC,cAAc,GAAGP,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,sBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAE,gBAA9B;AAAgD,IAAA,MAAM,EAAEC;AAAxD,kBACE,oBAAC,yBAAD;AACE,IAAA,SAAS,EAAE,0BADb;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAKD,cAAL;AAAP,KAFT;AAGE,IAAA,MAAM,EAAED;AAHV,IADF,CADF;AASD,CAzBM;AA2BPH,WAAW,CAACM,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\ninterface 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}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress,\n backgroundColor,\n progressColor,\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 return (\n <StyledProgressBar className={\"c-progress-bar\"} $color={backgroundColor}>\n <StyledProgressBarProgress\n className={\"c-progress-bar__progress\"}\n style={{ width: `${progressNumber}%` }}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"file":"ProgressBar.js"}
1
+ {"version":3,"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","progressNumber","width","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,QAAmC,OAAnC;AACA,SAASC,iBAAT,EAA4BC,yBAA5B,QAA6D,UAA7D;AAWA,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAqC,OAI5C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,aACI,QADJA,aACI;AACJ,MAAMC,cAAc,GAAGP,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,sBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAE,gBAA9B;AAAgD,IAAA,MAAM,EAAEC;AAAxD,kBACE,oBAAC,yBAAD;AACE,IAAA,SAAS,EAAE,0BADb;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAKD,cAAL;AAAP,KAFT;AAGE,IAAA,MAAM,EAAED;AAHV,IADF,CADF;AASD,CAzBM;AA2BPH,WAAW,CAACM,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}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress,\n backgroundColor,\n progressColor,\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 return (\n <StyledProgressBar className={\"c-progress-bar\"} $color={backgroundColor}>\n <StyledProgressBarProgress\n className={\"c-progress-bar__progress\"}\n style={{ width: `${progressNumber}%` }}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"file":"ProgressBar.js"}
@@ -1,8 +1,7 @@
1
1
  import { FC } from "react";
2
- interface IScaleBarProps {
2
+ export interface IScaleBarProps {
3
3
  width: string | number;
4
4
  className?: string;
5
5
  }
6
6
  export declare const ScaleBar: FC<IScaleBarProps>;
7
- export {};
8
7
  //# sourceMappingURL=ScaleBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScaleBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,cAAc;IAEtB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAMvC,CAAC"}
1
+ {"version":3,"file":"ScaleBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,cAAc;IAE7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAMvC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","width","className","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,EAAyBC,mBAAzB,QAAoD,UAApD;AASA,OAAO,IAAMC,QAA4B,GAAG,SAA/BA,QAA+B,OAA0B;AAAA,MAAvBC,KAAuB,QAAvBA,KAAuB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACpE,sBACE,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAEL,UAAU,CAAC,aAAD,EAAgBK,SAAhB;AAArC,kBACE,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAC,uBAA/B;AAAuD,IAAA,MAAM,EAAED;AAA/D,IADF,CADF;AAKD,CANM;AAQPD,QAAQ,CAACG,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\ninterface IScaleBarProps {\n /** Width prop can be string or number. */\n width: string | number;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n return (\n <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n </StyledScaleBar>\n );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"file":"ScaleBar.js"}
1
+ {"version":3,"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","width","className","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,EAAyBC,mBAAzB,QAAoD,UAApD;AASA,OAAO,IAAMC,QAA4B,GAAG,SAA/BA,QAA+B,OAA0B;AAAA,MAAvBC,KAAuB,QAAvBA,KAAuB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACpE,sBACE,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAEL,UAAU,CAAC,aAAD,EAAgBK,SAAhB;AAArC,kBACE,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAC,uBAA/B;AAAuD,IAAA,MAAM,EAAED;AAA/D,IADF,CADF;AAKD,CANM;AAQPD,QAAQ,CAACG,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n /** Width prop can be string or number. */\n width: string | number;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n return (\n <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n </StyledScaleBar>\n );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"file":"ScaleBar.js"}
@@ -1,13 +1,10 @@
1
1
  import React from "react";
2
- interface ITag {
2
+ export interface TagProps {
3
3
  name: string;
4
4
  color: string;
5
- }
6
- interface ITagProps extends ITag {
7
5
  showText?: boolean;
8
6
  showDot?: boolean;
9
7
  className?: string;
10
8
  }
11
- export declare const Tag: React.ForwardRefExoticComponent<ITagProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
12
- export {};
9
+ export declare const Tag: React.ForwardRefExoticComponent<TagProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, keyof TagProps> & React.RefAttributes<HTMLDivElement>>;
13
10
  //# sourceMappingURL=Tag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,SAAU,SAAQ,IAAI;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,yHAef,CAAC"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,iPAef,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Tag/Tag.tsx"],"names":["React","forwardRef","classnames","StyledTag","StyledTagText","StyledTagDot","Tag","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,SAAT,EAAoBC,aAApB,EAAmCC,YAAnC,QAAuD,UAAvD;AAaA,OAAO,IAAMC,GAAG,gBAAGL,UAAU,CAI3B,gBAEEM,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEX,UAAU,CAAC,OAAD,EAAUU,SAAV,CAAhC;AAAsD,IAAA,GAAG,EAAEL;AAA3D,KAAoEM,IAApE,GACGF,OAAO,gBAAG,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAED,QAAzB;AAAmC,IAAA,KAAK,EAAED;AAA1C,IAAH,GAAyD,IADnE,EAEGC,QAAQ,gBAAG,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAED;AAAtB,KAA8BD,IAA9B,CAAH,GAAyD,IAFpE,CADF;AAMD,CAd0B,CAAtB;AAiBPF,GAAG,CAACQ,WAAJ,GAAkB,KAAlB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTag, StyledTagText, StyledTagDot } from \"./Styles\";\n\ninterface ITag {\n name: string;\n color: string;\n}\n\ninterface ITagProps extends ITag {\n showText?: boolean;\n showDot?: boolean;\n className?: string;\n}\n\nexport const Tag = forwardRef<\n HTMLDivElement,\n ITagProps & HTMLAttributes<HTMLDivElement>\n>(\n (\n { name, color, showText = true, showDot = true, className, ...rest },\n ref\n ) => {\n return (\n <StyledTag className={classnames(\"c-tag\", className)} ref={ref} {...rest}>\n {showDot ? <StyledTagDot $showText={showText} color={color} /> : null}\n {showText ? <StyledTagText color={color}>{name}</StyledTagText> : null}\n </StyledTag>\n );\n }\n);\n\nTag.displayName = \"Tag\";\n"],"file":"Tag.js"}
1
+ {"version":3,"sources":["../../../../src/components/Tag/Tag.tsx"],"names":["React","forwardRef","classnames","StyledTag","StyledTagText","StyledTagDot","Tag","ref","name","color","showText","showDot","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,SAAT,EAAoBC,aAApB,EAAmCC,YAAnC,QAAuD,UAAvD;AAUA,OAAO,IAAMC,GAAG,gBAAGL,UAAU,CAI3B,gBAEEM,GAFF,EAGK;AAAA,MAFDC,IAEC,QAFDA,IAEC;AAAA,MAFKC,KAEL,QAFKA,KAEL;AAAA,2BAFYC,QAEZ;AAAA,MAFYA,QAEZ,8BAFuB,IAEvB;AAAA,0BAF6BC,OAE7B;AAAA,MAF6BA,OAE7B,6BAFuC,IAEvC;AAAA,MAF6CC,SAE7C,QAF6CA,SAE7C;AAAA,MAF2DC,IAE3D;;AACH,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEX,UAAU,CAAC,OAAD,EAAUU,SAAV,CAAhC;AAAsD,IAAA,GAAG,EAAEL;AAA3D,KAAoEM,IAApE,GACGF,OAAO,gBAAG,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAED,QAAzB;AAAmC,IAAA,KAAK,EAAED;AAA1C,IAAH,GAAyD,IADnE,EAEGC,QAAQ,gBAAG,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAED;AAAtB,KAA8BD,IAA9B,CAAH,GAAyD,IAFpE,CADF;AAMD,CAd0B,CAAtB;AAiBPF,GAAG,CAACQ,WAAJ,GAAkB,KAAlB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTag, StyledTagText, StyledTagDot } from \"./Styles\";\n\nexport interface TagProps {\n name: string;\n color: string;\n showText?: boolean;\n showDot?: boolean;\n className?: string;\n}\n\nexport const Tag = forwardRef<\n HTMLDivElement,\n TagProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof TagProps>\n>(\n (\n { name, color, showText = true, showDot = true, className, ...rest },\n ref\n ) => {\n return (\n <StyledTag className={classnames(\"c-tag\", className)} ref={ref} {...rest}>\n {showDot ? <StyledTagDot $showText={showText} color={color} /> : null}\n {showText ? <StyledTagText color={color}>{name}</StyledTagText> : null}\n </StyledTag>\n );\n }\n);\n\nTag.displayName = \"Tag\";\n"],"file":"Tag.js"}
@@ -1,8 +1,7 @@
1
- import React, { BaseHTMLAttributes } from "react";
2
- interface IToggleProps extends BaseHTMLAttributes<HTMLInputElement> {
1
+ import React from "react";
2
+ export interface IToggleProps {
3
3
  hovered?: boolean;
4
4
  className?: string;
5
5
  }
6
- export declare const Toggle: React.ForwardRefExoticComponent<IToggleProps & React.RefAttributes<HTMLInputElement>>;
7
- export {};
6
+ export declare const Toggle: React.ForwardRefExoticComponent<IToggleProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, keyof IToggleProps> & React.RefAttributes<HTMLInputElement>>;
8
7
  //# sourceMappingURL=Toggle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAc,MAAM,OAAO,CAAC;AAU9D,UAAU,YAAa,SAAQ,kBAAkB,CAAC,gBAAgB,CAAC;IAEjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,uFAelB,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,MAAM,WAAW,YAAY;IAE3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2PAgBjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","ref","hovered","className","args","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoCC,UAApC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,YADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,qBAJF,EAKEC,oBALF,QAMO,UANP;AAeA,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAC9B,gBAAkCQ,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACxC,sBACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAEV,UAAU,CAAC,UAAD,EAAaS,SAAb,CADvB;AAEE,IAAA,UAAU,EAAED;AAFd,kBAIE,oBAAC,oBAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EAJF,eAKE,oBAAC,kBAAD,qBACE,oBAAC,oBAAD,aADF,eAEE,oBAAC,qBAAD,cAFF,CALF,CADF;AAYD,CAd6B,CAAzB;AAiBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { BaseHTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledToggle,\n StyledToggleCheckbox,\n StyledToggleSlider,\n StyledToggleSliderOff,\n StyledToggleSliderOn,\n} from \"./Styles\";\n\ninterface IToggleProps extends BaseHTMLAttributes<HTMLInputElement> {\n /** Set hovered state. */\n hovered?: boolean;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, IToggleProps>(\n ({ hovered, className, ...args }, ref) => {\n return (\n <StyledToggle\n className={classNames(\"c-toggle\", className)}\n $isHovered={hovered}\n >\n <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n <StyledToggleSlider>\n <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n </StyledToggleSlider>\n </StyledToggle>\n );\n }\n);\n\nToggle.displayName = \"Toggle\";\n"],"file":"Toggle.js"}
1
+ {"version":3,"sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","ref","hovered","className","args","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,YADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,qBAJF,EAKEC,oBALF,QAMO,UANP;AAeA,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAG9B,gBAAkCQ,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AAC1C,sBACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAEV,UAAU,CAAC,UAAD,EAAaS,SAAb,CADvB;AAEE,IAAA,UAAU,EAAED;AAFd,kBAIE,oBAAC,oBAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EAJF,eAKE,oBAAC,kBAAD,qBACE,oBAAC,oBAAD,aADF,eAEE,oBAAC,qBAAD,cAFF,CALF,CADF;AAYD,CAhB+B,CAAzB;AAkBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledToggle,\n StyledToggleCheckbox,\n StyledToggleSlider,\n StyledToggleSliderOff,\n StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n /** Set hovered state. */\n hovered?: boolean;\n /** Custom classname for styling. */\n className?: string;\n}\n\nexport const Toggle = forwardRef<\n HTMLInputElement,\n IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n return (\n <StyledToggle\n className={classNames(\"c-toggle\", className)}\n $isHovered={hovered}\n >\n <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n <StyledToggleSlider>\n <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n </StyledToggleSlider>\n </StyledToggle>\n );\n});\n\nToggle.displayName = \"Toggle\";\n"],"file":"Toggle.js"}
@@ -4,7 +4,7 @@ import { TransitionProps } from "../Transitions";
4
4
  interface ElementWithRef<T> extends ReactElement {
5
5
  ref?: Ref<T>;
6
6
  }
7
- interface ITooltipProps {
7
+ export interface ITooltipProps {
8
8
  children: ElementWithRef<HTMLElement>;
9
9
  title: ReactElement | string;
10
10
  style?: CSSProperties;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,SAAS,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,UAAU,aAAa;IAErB,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAEtC,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAE7B,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAEhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAcD,eAAO,MAAM,OAAO,mFAqFnB,CAAC"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,SAAS,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAEtC,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAE7B,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAEhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAcD,eAAO,MAAM,OAAO,mFAqFnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\ninterface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }): ReactElement => (\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}
1
+ {"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. */\n children: ElementWithRef<HTMLElement>;\n /** Title element. */\n title: ReactElement | string;\n /** Applies passed styles */\n style?: CSSProperties;\n /** Applies passed classes */\n className?: string;\n /** Open */\n open?: boolean;\n /** Placement */\n placement?: Placement;\n /** Transition component */\n TransitionComponent?: React.FC<TransitionProps>;\n /** Light tooltip */\n isLight?: boolean;\n /** Popper Tooltip style */\n popperTooltipStyle?: CSSProperties;\n /** Popper Tooltip class name*/\n popperTooltipClassName?: string;\n /** Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }): ReactElement => (\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}