@activecollab/components 2.0.304 → 2.0.305

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

@@ -4,17 +4,20 @@ import React, { useMemo } from "react";
 import classNames from "classnames";
 import { StyledWrapper, StyledChildrenWrapper, StyledBackgroundCircle, StyledForegroundCircle, StyledSvg, StyledProgressRingPercentage } from "./Styles";
 export const ProgressCircle = _ref => {
-  let {
-    backgroundColor,
-    progressColor,
-    progress = 0,
-    radius = 20,
-    stroke = 3,
-    roundStroke = false,
-    className,
-    showPercentage = false,
-    fontSize
-  } = _ref;
+  let 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,
+    _ref$roundStroke = _ref.roundStroke,
+    roundStroke = _ref$roundStroke === void 0 ? false : _ref$roundStroke,
+    className = _ref.className,
+    _ref$showPercentage = _ref.showPercentage,
+    showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
+    fontSize = _ref.fontSize;
   if (stroke > radius) {
     console.warn("Stroke can not have value greater than the radius.");
     stroke = radius;
@@ -66,10 +69,8 @@ export const ProgressCircle = _ref => {
   }, progressNumber, "%") : null);
 };
 export const ProgressRing = _ref2 => {
-  let {
-      className,
-      children
-    } = _ref2,
+  let className = _ref2.className,
+    children = _ref2.children,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     className: classNames(className),

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","names":["React","useMemo","classNames","StyledWrapper","StyledChildrenWrapper","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","ProgressCircle","_ref","backgroundColor","progressColor","progress","radius","stroke","roundStroke","className","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","createElement","height","$color","$strokeDashOffset","strokeWidth","strokeDasharray","r","cx","cy","$roundStroke","$fontSize","x","y","dominantBaseline","textAnchor","ProgressRing","_ref2","children","rest","_objectWithoutPropertiesLoose","_excluded","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledWrapper,\n  StyledChildrenWrapper,\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\n\nexport interface ProgressCircleProps {\n  /** Progress prop can be number */\n  progress?: number;\n  /** Background color */\n  backgroundColor?: string;\n  /** Progress color */\n  progressColor?: string;\n  /** Radius size */\n  radius?: number;\n  /** Stroke size */\n  stroke?: number;\n  /** Should stroke line be rounded */\n  roundStroke?: boolean;\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 interface ProgressRingProps extends ProgressCircleProps {\n  children?: ReactNode;\n}\n\nexport const ProgressCircle = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  roundStroke = false,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressCircleProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\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  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={className}\n      data-progress={progressNumber}\n      data-testid=\"progress-circle\"\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        $roundStroke={roundStroke}\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\nexport const ProgressRing = ({\n  className,\n  children,\n  ...rest\n}: ProgressRingProps) => {\n  return (\n    <StyledWrapper\n      className={classNames(className)}\n      data-testid=\"progress-ring\"\n    >\n      <ProgressCircle {...rest} />\n      {children ? (\n        <StyledChildrenWrapper>{children}</StyledChildrenWrapper>\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressRing.js","names":["React","useMemo","classNames","StyledWrapper","StyledChildrenWrapper","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","ProgressCircle","_ref","backgroundColor","progressColor","_ref$progress","progress","_ref$radius","radius","_ref$stroke","stroke","_ref$roundStroke","roundStroke","className","_ref$showPercentage","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","createElement","height","$color","$strokeDashOffset","strokeWidth","strokeDasharray","r","cx","cy","$roundStroke","$fontSize","x","y","dominantBaseline","textAnchor","ProgressRing","_ref2","children","rest","_objectWithoutPropertiesLoose","_excluded","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledWrapper,\n  StyledChildrenWrapper,\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\n\nexport interface ProgressCircleProps {\n  /** Progress prop can be number */\n  progress?: number;\n  /** Background color */\n  backgroundColor?: string;\n  /** Progress color */\n  progressColor?: string;\n  /** Radius size */\n  radius?: number;\n  /** Stroke size */\n  stroke?: number;\n  /** Should stroke line be rounded */\n  roundStroke?: boolean;\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 interface ProgressRingProps extends ProgressCircleProps {\n  children?: ReactNode;\n}\n\nexport const ProgressCircle = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  roundStroke = false,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressCircleProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\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  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={className}\n      data-progress={progressNumber}\n      data-testid=\"progress-circle\"\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        $roundStroke={roundStroke}\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\nexport const ProgressRing = ({\n  className,\n  children,\n  ...rest\n}: ProgressRingProps) => {\n  return (\n    <StyledWrapper\n      className={classNames(className)}\n      data-testid=\"progress-ring\"\n    >\n      <ProgressCircle {...rest} />\n      {children ? (\n        <StyledChildrenWrapper>{children}</StyledChildrenWrapper>\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/RadioButton/RadioButton.js

@@ -6,11 +6,11 @@ import classnames from "classnames";
 import { StyledRadioButton, StyledRadioInput, StyledRadioLabel } from "./Styles";
 import RadioButtonIcon from "../Icons/collection/RadioButton";
 export const RadioButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className = "",
-      id = "radio",
-      hover
-    } = _ref,
+  let _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "radio" : _ref$id,
+    hover = _ref.hover,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledRadioButton, {
     className: classnames("c-radio-btn", {

package/dist/esm/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","forwardRef","classnames","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButtonIcon","RadioButton","_ref","ref","className","id","hover","props","_objectWithoutPropertiesLoose","_excluded","createElement","$isHovered","$isControlled","_extends","type","htmlFor","width","height","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AACjB,OAAOC,eAAe,MAAM,iCAAiC;AAW7D,OAAO,MAAMC,WAAW,gBAAGN,UAAU,CACnC,CAAAO,IAAA,EAOEC,GAA6C,KAC1C;EAAA,IAPH;MACEC,SAAS,GAAG,EAAE;MACdC,EAAE,GAAG,OAAO;MACZC;IAEyD,CAAC,GAAAJ,IAAA;IADvDK,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAIV,oBACEf,KAAA,CAAAgB,aAAA,CAACb,iBAAiB;IAChBO,SAAS,EAAER,UAAU,CACnB,aAAa,EACb;MACE,oBAAoB,EAAEU,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDF,SACF,CAAE;IACFO,UAAU,EAAEL,KAAM;IAClBM,aAAa,EAAE,OAAON,KAAK,KAAK;EAAU,gBAE1CZ,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB,EAAAe,QAAA;IACfR,EAAE,EAAEA,EAAG;IACPD,SAAS,EAAC,oBAAoB;IAC9BU,IAAI,EAAC,OAAO;IACZX,GAAG,EAAEA;EAAI,GACLI,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACX,gBAAgB;IAACgB,OAAO,EAAEV,EAAG;IAACD,SAAS,EAAC;EAAoB,gBAC3DV,KAAA,CAAAgB,aAAA,CAACV,eAAe;IAACgB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACzB,CACD,CAAC;AAExB,CACF,CAAC;AAEDhB,WAAW,CAACiB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"RadioButton.js","names":["React","forwardRef","classnames","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButtonIcon","RadioButton","_ref","ref","_ref$className","className","_ref$id","id","hover","props","_objectWithoutPropertiesLoose","_excluded","createElement","$isHovered","$isControlled","_extends","type","htmlFor","width","height","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AACjB,OAAOC,eAAe,MAAM,iCAAiC;AAW7D,OAAO,MAAMC,WAAW,gBAAGN,UAAU,CACnC,CAAAO,IAAA,EAOEC,GAA6C,KAC1C;EAAA,IAAAC,cAAA,GAAAF,IAAA,CANDG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAAE,OAAA,GAAAJ,IAAA,CACdK,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,OAAO,GAAAA,OAAA;IACZE,KAAK,GAAAN,IAAA,CAALM,KAAK;IACFC,KAAK,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIV,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAET,UAAU,CACnB,aAAa,EACb;MACE,oBAAoB,EAAEY,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDH,SACF,CAAE;IACFQ,UAAU,EAAEL,KAAM;IAClBM,aAAa,EAAE,OAAON,KAAK,KAAK;EAAU,gBAE1Cd,KAAA,CAAAkB,aAAA,CAACd,gBAAgB,EAAAiB,QAAA;IACfR,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAC,oBAAoB;IAC9BW,IAAI,EAAC,OAAO;IACZb,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFf,KAAA,CAAAkB,aAAA,CAACb,gBAAgB;IAACkB,OAAO,EAAEV,EAAG;IAACF,SAAS,EAAC;EAAoB,gBAC3DX,KAAA,CAAAkB,aAAA,CAACZ,eAAe;IAACkB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACzB,CACD,CAAC;AAExB,CACF,CAAC;AAEDlB,WAAW,CAACmB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ScaleBar/ScaleBar.js

@@ -2,10 +2,8 @@ import React from "react";
 import classNames from "classnames";
 import { StyledScaleBar, StyledScaleBarInner } from "./Styles";
 export const ScaleBar = _ref => {
-  let {
-    width,
-    className
-  } = _ref;
+  let width = _ref.width,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement(StyledScaleBar, {
     className: classNames("c-scale-bar", className)
   }, /*#__PURE__*/React.createElement(StyledScaleBarInner, {

package/dist/esm/components/ScaleBar/ScaleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleBar.js","names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","_ref","width","className","createElement","$width","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\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"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAS9D,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAAF,IAAA;EAC/D,oBACEL,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACK,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,gBAC9DP,KAAA,CAAAQ,aAAA,CAACL,mBAAmB;IAACI,SAAS,EAAC,uBAAuB;IAACE,MAAM,EAAEH;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"ScaleBar.js","names":["React","classNames","StyledScaleBar","StyledScaleBarInner","ScaleBar","_ref","width","className","createElement","$width","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport classNames from \"classnames\";\n\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"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,UAAU;AAS9D,OAAO,MAAMC,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAvBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC7D,oBACEP,KAAA,CAAAQ,aAAA,CAACN,cAAc;IAACK,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS;EAAE,gBAC9DP,KAAA,CAAAQ,aAAA,CAACL,mBAAmB;IAACI,SAAS,EAAC,uBAAuB;IAACE,MAAM,EAAEH;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/ScrollShadow/ScrollElement.js

@@ -6,12 +6,12 @@ import classNames from "classnames";
 import { useInitScrollRef } from "../../hooks";
 import useForkRef from "../../utils/useForkRef";
 export const ScrollElement = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      as = "div",
-      className,
-      invert = false,
-      style
-    } = _ref,
+  let _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "div" : _ref$as,
+    className = _ref.className,
+    _ref$invert = _ref.invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert,
+    style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useInitScrollRef(null, invert);
   const handleRef = useForkRef(internalRef, ref);

package/dist/esm/components/ScrollShadow/ScrollElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.js","names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","_ref","ref","as","className","invert","style","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","handleRef","props","_extends","overflow","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmC,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,OAAOC,UAAU,MAAM,wBAAwB;AAQ/C,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAnE;MAAEC,EAAE,GAAG,KAAK;MAAEC,SAAS;MAAEC,MAAM,GAAG,KAAK;MAAEC;IAAe,CAAC,GAAAL,IAAA;IAANM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EACtD,MAAMC,WAAW,GAAGZ,gBAAgB,CAAC,IAAI,EAAEO,MAAM,CAAC;EAClD,MAAMM,SAAS,GAAGZ,UAAU,CAACW,WAAW,EAAER,GAAG,CAAC;EAE9C,MAAMU,KAAK,GAAAC,QAAA,KACNN,IAAI;IACPL,GAAG,EAAES,SAAS;IACdP,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEO,SAAS,CAAC;IACpDE,KAAK,EAAAO,QAAA;MAAIC,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOX,KAAK,CAACoB,aAAa,CAACZ,EAAE,EAAES,KAAK,CAAC;AACvC,CACF,CAAC;AAEDZ,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"ScrollElement.js","names":["React","forwardRef","classNames","useInitScrollRef","useForkRef","ScrollElement","_ref","ref","_ref$as","as","className","_ref$invert","invert","style","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","handleRef","props","_extends","overflow","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmC,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,OAAOC,UAAU,MAAM,wBAAwB;AAQ/C,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAA4DC,GAAG,KAAK;EAAA,IAAAC,OAAA,GAAAF,IAAA,CAAjEG,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,KAAK,GAAAA,OAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,WAAA,GAAAL,IAAA,CAAEM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAEE,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAKC,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EACtD,MAAMC,WAAW,GAAGd,gBAAgB,CAAC,IAAI,EAAES,MAAM,CAAC;EAClD,MAAMM,SAAS,GAAGd,UAAU,CAACa,WAAW,EAAEV,GAAG,CAAC;EAE9C,MAAMY,KAAK,GAAAC,QAAA,KACNN,IAAI;IACPP,GAAG,EAAEW,SAAS;IACdR,SAAS,EAAER,UAAU,CAAC,kBAAkB,EAAEQ,SAAS,CAAC;IACpDG,KAAK,EAAAO,QAAA;MAAIC,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOb,KAAK,CAACsB,aAAa,CAACb,EAAE,EAAEU,KAAK,CAAC;AACvC,CACF,CAAC;AAEDd,aAAa,CAACkB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/ScrollShadow/ScrollShadow.js

@@ -5,34 +5,36 @@ import React, { forwardRef, useState, useCallback } from "react";
 import classnames from "classnames";
 import { StyledScrollShadow, StyledScrollShadowBottom, StyledScrollShadowLeft, StyledScrollShadowRight, StyledScrollShadowTop } from "./Styles";
 export const ScrollShadow = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      disableVertical = false,
-      disableHorizontal = false,
-      invertHorizontal = false,
-      invertVertical = false,
-      innerColor,
-      outerColor
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    _ref$disableVertical = _ref.disableVertical,
+    disableVertical = _ref$disableVertical === void 0 ? false : _ref$disableVertical,
+    _ref$disableHorizonta = _ref.disableHorizontal,
+    disableHorizontal = _ref$disableHorizonta === void 0 ? false : _ref$disableHorizonta,
+    _ref$invertHorizontal = _ref.invertHorizontal,
+    invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
+    _ref$invertVertical = _ref.invertVertical,
+    invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
+    innerColor = _ref.innerColor,
+    outerColor = _ref.outerColor,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [opacity, setOpacity] = useState({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  });
+  const _useState = useState({
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }),
+    opacity = _useState[0],
+    setOpacity = _useState[1];
   const handleScroll = useCallback(event => {
-    const {
-      scrollHeight,
-      clientHeight,
-      scrollWidth,
-      clientWidth
-    } = event.target;
-    let {
-      scrollTop,
-      scrollLeft
-    } = event.target;
+    const _ref2 = event.target,
+      scrollHeight = _ref2.scrollHeight,
+      clientHeight = _ref2.clientHeight,
+      scrollWidth = _ref2.scrollWidth,
+      clientWidth = _ref2.clientWidth;
+    let _ref3 = event.target,
+      scrollTop = _ref3.scrollTop,
+      scrollLeft = _ref3.scrollLeft;
     if (scrollLeft < 0) {
       scrollLeft *= -1;
     }

package/dist/esm/components/ScrollShadow/ScrollShadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.js","names":["React","forwardRef","useState","useCallback","classnames","StyledScrollShadow","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","StyledScrollShadowTop","ScrollShadow","_ref","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","_objectWithoutPropertiesLoose","_excluded","opacity","setOpacity","top","right","bottom","left","handleScroll","event","scrollHeight","clientHeight","scrollWidth","clientWidth","target","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","createElement","_extends","onScroll","Fragment","$innerColor","$outerColor","style","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEvent,\n  UIEventHandler,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: (props: { onScroll: UIEventHandler }) => JSX.Element;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<HTMLDivElement, IScrollShadowProps>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ScrollShadow.js","names":["React","forwardRef","useState","useCallback","classnames","StyledScrollShadow","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","StyledScrollShadowTop","ScrollShadow","_ref","ref","children","className","_ref$disableVertical","disableVertical","_ref$disableHorizonta","disableHorizontal","_ref$invertHorizontal","invertHorizontal","_ref$invertVertical","invertVertical","innerColor","outerColor","rest","_objectWithoutPropertiesLoose","_excluded","_useState","top","right","bottom","left","opacity","setOpacity","handleScroll","event","_ref2","target","scrollHeight","clientHeight","scrollWidth","clientWidth","_ref3","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","createElement","_extends","onScroll","Fragment","$innerColor","$outerColor","style","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEvent,\n  UIEventHandler,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: (props: { onScroll: UIEventHandler }) => JSX.Element;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<HTMLDivElement, IScrollShadowProps>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Select/Option/Option.js

@@ -2,16 +2,16 @@ import React, { forwardRef, useCallback } from "react";
 import classnames from "classnames";
 import { StyledOption, StyledOptionContent } from "./Styles";
 export const Option = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    id,
-    name,
-    tooltip = "",
-    hover,
-    className,
-    renderOption,
-    onMouseEnter,
-    onClick = () => null
-  } = _ref;
+  let id = _ref.id,
+    name = _ref.name,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? "" : _ref$tooltip,
+    hover = _ref.hover,
+    className = _ref.className,
+    renderOption = _ref.renderOption,
+    onMouseEnter = _ref.onMouseEnter,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? () => null : _ref$onClick;
   const handleOnMouseEnter = useCallback(() => {
     if (onMouseEnter) {
       onMouseEnter(id);

package/dist/esm/components/Select/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["React","forwardRef","useCallback","classnames","StyledOption","StyledOptionContent","Option","_ref","ref","id","name","tooltip","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","createElement","title","onTouchStart","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption, StyledOptionContent } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Content for tooltip */\n  tooltip?: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n  /** Value of mixed */\n  mixed?: boolean;\n  /** Hide option */\n  hidden?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Content for tooltip */\n  tooltip?: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      tooltip = \"\",\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={tooltip ? tooltip : name}\n        onMouseEnter={handleOnMouseEnter}\n        onTouchStart={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        <StyledOptionContent>\n          {renderOption ? renderOption : name}\n        </StyledOptionContent>\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EAIVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,UAAU;AA0C5D,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAC9B,CAAAM,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAXH;IACEC,EAAE;IACFC,IAAI;IACJC,OAAO,GAAG,EAAE;IACZC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,GAAAT,IAAA;EAG7B,MAAMU,kBAAkB,GAAGf,WAAW,CAAC,MAAM;IAC3C,IAAIa,YAAY,EAAE;MAChBA,YAAY,CAACN,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACM,YAAY,EAAEN,EAAE,CAAC,CAAC;EAEtB,oBACET,KAAA,CAAAkB,aAAA,CAACd,YAAY;IACXI,GAAG,EAAEI,KAAK,GAAGJ,GAAG,GAAG,IAAK;IACxBW,KAAK,EAAER,OAAO,GAAGA,OAAO,GAAGD,IAAK;IAChCK,YAAY,EAAEE,kBAAmB;IACjCG,YAAY,EAAEH,kBAAmB;IACjCJ,SAAS,EAAEV,UAAU,CAAC,UAAU,EAAEU,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,gBAEjBhB,KAAA,CAAAkB,aAAA,CAACb,mBAAmB,QACjBS,YAAY,GAAGA,YAAY,GAAGJ,IACZ,CACT,CAAC;AAEnB,CACF,CAAC;AAEDJ,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Option.js","names":["React","forwardRef","useCallback","classnames","StyledOption","StyledOptionContent","Option","_ref","ref","id","name","_ref$tooltip","tooltip","hover","className","renderOption","onMouseEnter","_ref$onClick","onClick","handleOnMouseEnter","createElement","title","onTouchStart","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption, StyledOptionContent } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Content for tooltip */\n  tooltip?: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n  /** Value of mixed */\n  mixed?: boolean;\n  /** Hide option */\n  hidden?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Content for tooltip */\n  tooltip?: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      tooltip = \"\",\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={tooltip ? tooltip : name}\n        onMouseEnter={handleOnMouseEnter}\n        onTouchStart={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        <StyledOptionContent>\n          {renderOption ? renderOption : name}\n        </StyledOptionContent>\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EAIVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,UAAU;AA0C5D,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAC9B,CAAAM,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAVDC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,YAAA,GAAAJ,IAAA,CACJK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IACZE,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,YAAY,GAAAT,IAAA,CAAZS,YAAY;IAAAC,YAAA,GAAAV,IAAA,CACZW,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,MAAM,IAAI,GAAAA,YAAA;EAItB,MAAME,kBAAkB,GAAGjB,WAAW,CAAC,MAAM;IAC3C,IAAIc,YAAY,EAAE;MAChBA,YAAY,CAACP,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACO,YAAY,EAAEP,EAAE,CAAC,CAAC;EAEtB,oBACET,KAAA,CAAAoB,aAAA,CAAChB,YAAY;IACXI,GAAG,EAAEK,KAAK,GAAGL,GAAG,GAAG,IAAK;IACxBa,KAAK,EAAET,OAAO,GAAGA,OAAO,GAAGF,IAAK;IAChCM,YAAY,EAAEG,kBAAmB;IACjCG,YAAY,EAAEH,kBAAmB;IACjCL,SAAS,EAAEX,UAAU,CAAC,UAAU,EAAEW,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbK,OAAO,EAAEA;EAAQ,gBAEjBlB,KAAA,CAAAoB,aAAA,CAACf,mBAAmB,QACjBU,YAAY,GAAGA,YAAY,GAAGL,IACZ,CACT,CAAC;AAEnB,CACF,CAAC;AAEDJ,MAAM,CAACiB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Select/OptionContent/OptionContent.js

@@ -3,13 +3,11 @@ import { StyledOptionIndicator, StyledOptionText, StyledAdditionalInfo, StyledOp
 import { Avatar } from "../../Avatar/Avatar";
 import { MultiAvatar } from "../../MultiAvatar";
 export const OptionContent = _ref => {
-  let {
-    imageUrl,
-    color,
-    textColor,
-    name,
-    additionalInfo
-  } = _ref;
+  let imageUrl = _ref.imageUrl,
+    color = _ref.color,
+    textColor = _ref.textColor,
+    name = _ref.name,
+    additionalInfo = _ref.additionalInfo;
   return /*#__PURE__*/React.createElement(StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/React.createElement(StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color

package/dist/esm/components/Select/OptionContent/OptionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionContent.js","names":["React","StyledOptionIndicator","StyledOptionText","StyledAdditionalInfo","StyledOptionContentWrapper","Avatar","MultiAvatar","OptionContent","_ref","imageUrl","color","textColor","name","additionalInfo","createElement","className","backgroundColor","Fragment","Array","isArray","url","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { MultiAvatar } from \"../../MultiAvatar\";\n\ninterface OptionContentProps {\n  imageUrl?: string | string[];\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <>\n              {Array.isArray(imageUrl) ? (\n                <MultiAvatar\n                  className=\"c-option--multi-avatar\"\n                  url={imageUrl}\n                />\n              ) : (\n                <Avatar className=\"c-option--avatar\" url={imageUrl} />\n              )}\n            </>\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,SACEC,qBAAqB,EACrBC,gBAAgB,EAChBC,oBAAoB,EACpBC,0BAA0B,QACrB,UAAU;AACjB,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,aAAqC,GAAGC,IAAA,IAM/C;EAAA,IANgD;IACpDC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC;EACF,CAAC,GAAAL,IAAA;EACC,oBACER,KAAA,CAAAc,aAAA,CAACV,0BAA0B,QACxBK,QAAQ,IAAIC,KAAK,gBAChBV,KAAA,CAAAc,aAAA,CAACb,qBAAqB;IACpBc,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAEN;EAAM,GAEtBD,QAAQ,gBACPT,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAiB,QAAA,QACGC,KAAK,CAACC,OAAO,CAACV,QAAQ,CAAC,gBACtBT,KAAA,CAAAc,aAAA,CAACR,WAAW;IACVS,SAAS,EAAC,wBAAwB;IAClCK,GAAG,EAAEX;EAAS,CACf,CAAC,gBAEFT,KAAA,CAAAc,aAAA,CAACT,MAAM;IAACU,SAAS,EAAC,kBAAkB;IAACK,GAAG,EAAEX;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRT,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IAACa,SAAS,EAAC,gBAAgB;IAACJ,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbb,KAAA,CAAAc,aAAA,CAACX,oBAAoB,QAAEU,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAEDN,aAAa,CAACc,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"OptionContent.js","names":["React","StyledOptionIndicator","StyledOptionText","StyledAdditionalInfo","StyledOptionContentWrapper","Avatar","MultiAvatar","OptionContent","_ref","imageUrl","color","textColor","name","additionalInfo","createElement","className","backgroundColor","Fragment","Array","isArray","url","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { MultiAvatar } from \"../../MultiAvatar\";\n\ninterface OptionContentProps {\n  imageUrl?: string | string[];\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <>\n              {Array.isArray(imageUrl) ? (\n                <MultiAvatar\n                  className=\"c-option--multi-avatar\"\n                  url={imageUrl}\n                />\n              ) : (\n                <Avatar className=\"c-option--avatar\" url={imageUrl} />\n              )}\n            </>\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,SACEC,qBAAqB,EACrBC,gBAAgB,EAChBC,oBAAoB,EACpBC,0BAA0B,QACrB,UAAU;AACjB,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,aAAqC,GAAGC,IAAA,IAM/C;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,cAAc,GAAAL,IAAA,CAAdK,cAAc;EAEd,oBACEb,KAAA,CAAAc,aAAA,CAACV,0BAA0B,QACxBK,QAAQ,IAAIC,KAAK,gBAChBV,KAAA,CAAAc,aAAA,CAACb,qBAAqB;IACpBc,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAEN;EAAM,GAEtBD,QAAQ,gBACPT,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAiB,QAAA,QACGC,KAAK,CAACC,OAAO,CAACV,QAAQ,CAAC,gBACtBT,KAAA,CAAAc,aAAA,CAACR,WAAW;IACVS,SAAS,EAAC,wBAAwB;IAClCK,GAAG,EAAEX;EAAS,CACf,CAAC,gBAEFT,KAAA,CAAAc,aAAA,CAACT,MAAM;IAACU,SAAS,EAAC,kBAAkB;IAACK,GAAG,EAAEX;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRT,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IAACa,SAAS,EAAC,gBAAgB;IAACJ,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbb,KAAA,CAAAc,aAAA,CAACX,oBAAoB,QAAEU,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAEDN,aAAa,CAACc,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Select/OptionGroup/OptionGroup.js

@@ -3,18 +3,17 @@ import classNames from "classnames";
 import { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption, StyledOptionGroupLi, StyledOptionGroupHeaderName } from "./Styles";
 import { Checkbox } from "../../Checkbox/Checkbox";
 export const OptionGroup = _ref => {
-  let {
-    id,
-    name,
-    options,
-    type,
-    hover,
-    checked,
-    onChange,
-    setHover,
-    optionGroupClassName,
-    mixedOptions = []
-  } = _ref;
+  let id = _ref.id,
+    name = _ref.name,
+    options = _ref.options,
+    type = _ref.type,
+    hover = _ref.hover,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    setHover = _ref.setHover,
+    optionGroupClassName = _ref.optionGroupClassName,
+    _ref$mixedOptions = _ref.mixedOptions,
+    mixedOptions = _ref$mixedOptions === void 0 ? [] : _ref$mixedOptions;
   useEffect(() => {
     if (hover === id && type !== "single") {
       var _document$getElementB;

package/dist/esm/components/Select/OptionGroup/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","Checkbox","OptionGroup","_ref","id","name","options","type","hover","checked","onChange","setHover","optionGroupClassName","mixedOptions","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","includes","handleHover","undefined","allOptionValues","map","isMixed","some","item","handleClick","e","stopPropagation","preventDefault","filter","i","values","unique","pos","indexOf","createElement","key","className","onClick","onMouseEnter","weight","mixed","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { IOptionItemProps } from \"../Option/Option\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** Mixed options values */\n  mixedOptions: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  checked,\n  onChange,\n  setHover,\n  optionGroupClassName,\n  mixedOptions = [],\n}) => {\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (onChange && type !== \"single\") {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange, type]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      type={type}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n      onClick={handleClick}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                mixed={isMixed}\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OptionGroup.js","names":["React","useCallback","useEffect","useMemo","classNames","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","Checkbox","OptionGroup","_ref","id","name","options","type","hover","checked","onChange","setHover","optionGroupClassName","_ref$mixedOptions","mixedOptions","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","includes","handleHover","undefined","allOptionValues","map","isMixed","some","item","handleClick","e","stopPropagation","preventDefault","filter","i","values","unique","pos","indexOf","createElement","key","className","onClick","onMouseEnter","weight","mixed","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { IOptionItemProps } from \"../Option/Option\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** Mixed options values */\n  mixedOptions: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  checked,\n  onChange,\n  setHover,\n  optionGroupClassName,\n  mixedOptions = [],\n}) => {\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (onChange && type !== \"single\") {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange, type]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      type={type}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n      onClick={handleClick}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                mixed={isMixed}\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Select/Select.js

@@ -9,31 +9,39 @@ import useForkRef from "../../utils/useForkRef";
 import { Autocomplete, isOptionGroup } from "../Autocomplete";
 import { Menu } from "../Menu/Menu";
 export const Select = _ref => {
-  let {
-      type = "single",
-      mode,
-      target,
-      options,
-      selected = [],
-      mixed = [],
-      position = "bottom-start",
-      onChange = () => null,
-      placeholder,
-      emptyAction = () => null,
-      disableSearch = false,
-      forceCloseMenu,
-      selectClassName,
-      keepSameOptionsOrder = false,
-      onSelectOpen,
-      onSelectClose,
-      renderOption,
-      handleDefaultOptionChange,
-      preselectDefaultValue = type === "single",
-      startAdornment,
-      endAdornment,
-      focusInput = false,
-      disableVirtualization
-    } = _ref,
+  let _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "single" : _ref$type,
+    mode = _ref.mode,
+    target = _ref.target,
+    options = _ref.options,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? [] : _ref$selected,
+    _ref$mixed = _ref.mixed,
+    mixed = _ref$mixed === void 0 ? [] : _ref$mixed,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? () => null : _ref$onChange,
+    placeholder = _ref.placeholder,
+    _ref$emptyAction = _ref.emptyAction,
+    emptyAction = _ref$emptyAction === void 0 ? () => null : _ref$emptyAction,
+    _ref$disableSearch = _ref.disableSearch,
+    disableSearch = _ref$disableSearch === void 0 ? false : _ref$disableSearch,
+    forceCloseMenu = _ref.forceCloseMenu,
+    selectClassName = _ref.selectClassName,
+    _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
+    keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
+    onSelectOpen = _ref.onSelectOpen,
+    onSelectClose = _ref.onSelectClose,
+    renderOption = _ref.renderOption,
+    handleDefaultOptionChange = _ref.handleDefaultOptionChange,
+    _ref$preselectDefault = _ref.preselectDefaultValue,
+    preselectDefaultValue = _ref$preselectDefault === void 0 ? type === "single" : _ref$preselectDefault,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    _ref$focusInput = _ref.focusInput,
+    focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
+    disableVirtualization = _ref.disableVirtualization,
     prop = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (disableSearch && (startAdornment || endAdornment)) {
     console.warn("Adornments are not visible when search bar is hidden");
@@ -42,7 +50,9 @@ export const Select = _ref => {
   const elementRef = useRef(null);
   const handleRef = useForkRef(childNode, elementRef);
   const Tag = !target ? "div" : Menu;
-  const [open, setOpen] = useState(false);
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
   const selectedOptions = useMemo(() => selected instanceof Array ? selected : [selected], [selected]);
   const selectOptions = useMemo(() => {
     if (!options) {