@epignosis_llc/gnosis 6.2.21 → 6.2.23

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/components/CustomMultiValueLabel.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/components/CustomOptionComponent.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/components/CustomSingleValue.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/constants.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/helpers.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Textarea/Textarea.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Textarea/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleLabel.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
@@ -32,8 +32,10 @@ import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.array.reverse.js';
 import '../../../../node_modules/core-js/modules/es.array.slice.js';
 import '../../../theme/utils/breakpoints.js';
-import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.date.to-string.js';
 import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.regexp.to-string.js';
+import '../../../../node_modules/core-js/modules/es.array.filter.js';
 import '../../Tabs/styles.js';
 import '../../Drawer/Drawer.js';
 import '../../Sidebar/Sidebar.js';
@@ -55,6 +57,7 @@ import '../../../../node_modules/core-js/modules/web.set-interval.js';
 import '../../../../node_modules/core-js/modules/web.set-timeout.js';
 import '../Input/styles.js';
 import '../../../../node_modules/core-js/modules/es.regexp.exec.js';
+import '../../../../node_modules/core-js/modules/es.array.some.js';
 import '../../../../node_modules/core-js/modules/es.function.name.js';
 import '../../../theme/default/config/button.js';
 import '../../../theme/default/config/card.js';

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleLabel.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Text, Tooltip } from \"../../../\";\nimport { InfoIconSVG } from \"../../../icons\";\n\ntype ToggleLabelProps = {\n  label: string;\n  position: \"before\" | \"after\";\n  description?: string;\n  tooltip?: string;\n  required?: boolean;\n  notSwitchedOff?: boolean;\n  hasDescription?: boolean;\n  onClick: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\ntype TooltipIconProps = {\n  tooltip: string;\n};\n\nconst TooltipIcon: React.FC<TooltipIconProps> = ({ tooltip }) => (\n  <Tooltip content={tooltip} parentProps={{ \"aria-label\": tooltip }}>\n    <InfoIconSVG height={16} />\n  </Tooltip>\n);\n\nconst labelClassNames = (\n  customClassName: string,\n  notSwitchedOff: boolean,\n  isRequired: boolean,\n): string =>\n  classNames(customClassName, {\n    \"toggle-switch__label--binary-bold\": notSwitchedOff,\n    \"toggle-switch__label--required\": isRequired,\n  });\n\nconst ToggleLabel: React.FC<ToggleLabelProps> = ({\n  label,\n  position,\n  description,\n  tooltip,\n  required = false,\n  notSwitchedOff = false,\n  hasDescription = false,\n  onClick,\n}) => {\n  const hasDescriptionTextWeight = hasDescription ? \"700\" : \"400\";\n  const isBeforeLabel = position === \"before\";\n\n  return (\n    <div className={`toggle-switch__label-container toggle-switch__label-container--${position}`}>\n      <Text\n        fontSize=\"sm\"\n        className={labelClassNames(\n          `toggle-switch__label ${isBeforeLabel ? \"toggle-switch__label--before\" : \"\"}`,\n          notSwitchedOff,\n          required,\n        )}\n        onClick={onClick}\n        as=\"div\"\n        weight={hasDescriptionTextWeight}\n      >\n        {tooltip && isBeforeLabel && <TooltipIcon tooltip={tooltip} />}\n        {label}\n        {tooltip && !isBeforeLabel && <TooltipIcon tooltip={tooltip} />}\n      </Text>\n      {description && (\n        <Text fontSize=\"sm\" as=\"div\" className=\"toggle-switch__description\">\n          {description}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default ToggleLabel;\n"],"names":["TooltipIcon","_ref","tooltip","___EmotionJSX","Tooltip","content","parentProps","InfoIconSVG","height","labelClassNames","customClassName","notSwitchedOff","isRequired","classNames","ToggleLabel","_ref2","label","position","description","_ref2$required","required","_ref2$notSwitchedOff","_ref2$hasDescription","hasDescription","onClick","hasDescriptionTextWeight","isBeforeLabel","className","concat","Text","fontSize","as","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;EAAA,OACxDC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAEH,OAAQ;AAACI,IAAAA,WAAW,EAAE;AAAE,MAAA,YAAY,EAAEJ,OAAAA;AAAQ,KAAA;GAC9DC,EAAAA,GAAA,CAACI,WAAW,EAAA;AAACC,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CACnB,CAAC,CAAA;AAAA,CACX,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,eAAuB,EACvBC,cAAuB,EACvBC,UAAmB,EAAA;EAAA,OAEnBC,UAAU,CAACH,eAAe,EAAE;AAC1B,IAAA,mCAAmC,EAAEC,cAAc;AACnD,IAAA,gCAAgC,EAAEC,UAAAA;AACpC,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAME,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,KAAA,EASvC;AAAA,EAAA,IARJC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,KAAA,CAAXG,WAAW;IACXhB,OAAO,GAAAa,KAAA,CAAPb,OAAO;IAAAiB,cAAA,GAAAJ,KAAA,CACPK,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,oBAAA,GAAAN,KAAA,CAChBJ,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAC,oBAAA,GAAAP,KAAA,CACtBQ,cAAc;AAAdA,IAAAA,cAAc,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IACtBE,OAAO,GAAAT,KAAA,CAAPS,OAAO,CAAA;AAEP,EAAA,IAAMC,wBAAwB,GAAGF,cAAc,GAAG,KAAK,GAAG,KAAK,CAAA;AAC/D,EAAA,IAAMG,aAAa,GAAGT,QAAQ,KAAK,QAAQ,CAAA;AAE3C,EAAA,OACEd,GAAA,CAAA,KAAA,EAAA;IAAKwB,SAAS,EAAA,iEAAA,CAAAC,MAAA,CAAoEX,QAAQ,CAAA;GACxFd,EAAAA,GAAA,CAAC0B,IAAI,EAAA;AACHC,IAAAA,QAAQ,EAAC,IAAI;AACbH,IAAAA,SAAS,EAAElB,eAAe,CAAAmB,uBAAAA,CAAAA,MAAA,CACAF,aAAa,GAAG,8BAA8B,GAAG,EAAE,CAAA,EAC3Ef,cAAc,EACdS,QACF,CAAE;AACFI,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,EAAE,EAAC,KAAK;AACRC,IAAAA,MAAM,EAAEP,wBAAAA;AAAyB,GAAA,EAEhCvB,OAAO,IAAIwB,aAAa,IAAIvB,GAAA,CAACH,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAAC,EAC7Dc,KAAK,EACLd,OAAO,IAAI,CAACwB,aAAa,IAAIvB,GAAA,CAACH,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAC1D,CAAC,EACNgB,WAAW,IACVf,GAAA,CAAC0B,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,KAAK;AAACJ,IAAAA,SAAS,EAAC,4BAAA;GACpCT,EAAAA,WACG,CAEL,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ToggleLabel.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Text, Tooltip } from \"../../../\";\nimport { InfoIconSVG } from \"../../../icons\";\n\ntype ToggleLabelProps = {\n  label: string;\n  position: \"before\" | \"after\";\n  description?: string;\n  tooltip?: string;\n  required?: boolean;\n  notSwitchedOff?: boolean;\n  hasDescription?: boolean;\n  onClick: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\ntype TooltipIconProps = {\n  tooltip: string;\n};\n\nconst TooltipIcon: React.FC<TooltipIconProps> = ({ tooltip }) => (\n  <Tooltip content={tooltip} parentProps={{ \"aria-label\": tooltip }}>\n    <InfoIconSVG height={16} />\n  </Tooltip>\n);\n\nconst labelClassNames = (\n  customClassName: string,\n  notSwitchedOff: boolean,\n  isRequired: boolean,\n): string =>\n  classNames(customClassName, {\n    \"toggle-switch__label--binary-bold\": notSwitchedOff,\n    \"toggle-switch__label--required\": isRequired,\n  });\n\nconst ToggleLabel: React.FC<ToggleLabelProps> = ({\n  label,\n  position,\n  description,\n  tooltip,\n  required = false,\n  notSwitchedOff = false,\n  hasDescription = false,\n  onClick,\n}) => {\n  const hasDescriptionTextWeight = hasDescription ? \"700\" : \"400\";\n  const isBeforeLabel = position === \"before\";\n\n  return (\n    <div className={`toggle-switch__label-container toggle-switch__label-container--${position}`}>\n      <Text\n        fontSize=\"sm\"\n        className={labelClassNames(\n          `toggle-switch__label ${isBeforeLabel ? \"toggle-switch__label--before\" : \"\"}`,\n          notSwitchedOff,\n          required,\n        )}\n        onClick={onClick}\n        as=\"div\"\n        weight={hasDescriptionTextWeight}\n      >\n        {tooltip && isBeforeLabel && <TooltipIcon tooltip={tooltip} />}\n        {label}\n        {tooltip && !isBeforeLabel && <TooltipIcon tooltip={tooltip} />}\n      </Text>\n      {description && (\n        <Text fontSize=\"sm\" as=\"div\" className=\"toggle-switch__description\">\n          {description}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default ToggleLabel;\n"],"names":["TooltipIcon","_ref","tooltip","___EmotionJSX","Tooltip","content","parentProps","InfoIconSVG","height","labelClassNames","customClassName","notSwitchedOff","isRequired","classNames","ToggleLabel","_ref2","label","position","description","_ref2$required","required","_ref2$notSwitchedOff","_ref2$hasDescription","hasDescription","onClick","hasDescriptionTextWeight","isBeforeLabel","className","concat","Text","fontSize","as","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;EAAA,OACxDC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAEH,OAAQ;AAACI,IAAAA,WAAW,EAAE;AAAE,MAAA,YAAY,EAAEJ,OAAAA;AAAQ,KAAA;GAC9DC,EAAAA,GAAA,CAACI,WAAW,EAAA;AAACC,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CACnB,CAAC,CAAA;AAAA,CACX,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,eAAuB,EACvBC,cAAuB,EACvBC,UAAmB,EAAA;EAAA,OAEnBC,UAAU,CAACH,eAAe,EAAE;AAC1B,IAAA,mCAAmC,EAAEC,cAAc;AACnD,IAAA,gCAAgC,EAAEC,UAAAA;AACpC,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAME,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,KAAA,EASvC;AAAA,EAAA,IARJC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,KAAA,CAAXG,WAAW;IACXhB,OAAO,GAAAa,KAAA,CAAPb,OAAO;IAAAiB,cAAA,GAAAJ,KAAA,CACPK,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,oBAAA,GAAAN,KAAA,CAChBJ,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAAC,oBAAA,GAAAP,KAAA,CACtBQ,cAAc;AAAdA,IAAAA,cAAc,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IACtBE,OAAO,GAAAT,KAAA,CAAPS,OAAO,CAAA;AAEP,EAAA,IAAMC,wBAAwB,GAAGF,cAAc,GAAG,KAAK,GAAG,KAAK,CAAA;AAC/D,EAAA,IAAMG,aAAa,GAAGT,QAAQ,KAAK,QAAQ,CAAA;AAE3C,EAAA,OACEd,GAAA,CAAA,KAAA,EAAA;IAAKwB,SAAS,EAAA,iEAAA,CAAAC,MAAA,CAAoEX,QAAQ,CAAA;GACxFd,EAAAA,GAAA,CAAC0B,IAAI,EAAA;AACHC,IAAAA,QAAQ,EAAC,IAAI;AACbH,IAAAA,SAAS,EAAElB,eAAe,CAAAmB,uBAAAA,CAAAA,MAAA,CACAF,aAAa,GAAG,8BAA8B,GAAG,EAAE,CAAA,EAC3Ef,cAAc,EACdS,QACF,CAAE;AACFI,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,EAAE,EAAC,KAAK;AACRC,IAAAA,MAAM,EAAEP,wBAAAA;AAAyB,GAAA,EAEhCvB,OAAO,IAAIwB,aAAa,IAAIvB,GAAA,CAACH,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAAC,EAC7Dc,KAAK,EACLd,OAAO,IAAI,CAACwB,aAAa,IAAIvB,GAAA,CAACH,WAAW,EAAA;AAACE,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAE,CAC1D,CAAC,EACNgB,WAAW,IACVf,GAAA,CAAC0B,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,KAAK;AAACJ,IAAAA,SAAS,EAAC,4BAAA;GACpCT,EAAAA,WACG,CAEL,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleSwitch.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
@@ -31,8 +31,10 @@ import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.array.reverse.js';
 import '../../../../node_modules/core-js/modules/es.array.slice.js';
 import '../../../theme/utils/breakpoints.js';
-import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.date.to-string.js';
 import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.regexp.to-string.js';
+import '../../../../node_modules/core-js/modules/es.array.filter.js';
 import '../../Tabs/styles.js';
 import '../../Drawer/Drawer.js';
 import '../../Sidebar/Sidebar.js';
@@ -54,6 +56,7 @@ import '../../../../node_modules/core-js/modules/web.set-interval.js';
 import '../../../../node_modules/core-js/modules/web.set-timeout.js';
 import '../Input/styles.js';
 import '../../../../node_modules/core-js/modules/es.regexp.exec.js';
+import '../../../../node_modules/core-js/modules/es.array.some.js';
 import '../../../../node_modules/core-js/modules/es.function.name.js';
 import '../../../theme/default/config/button.js';
 import '../../../theme/default/config/card.js';

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":["import React, { useState, useEffect, useImperativeHandle, forwardRef } from \"react\";\nimport { SerializedStyles } from \"@emotion/utils\";\nimport { Text } from \"../../../\";\nimport ToggleLabel from \"./ToggleLabel\";\nimport ToggleSwitchCore from \"./ToggleSwitchCore\";\nimport { ToggleContainer } from \"./styles\";\n\ntype ToggleSpecificProps = {\n  id: string;\n  labelBefore?: string;\n  labelAfter?: string;\n  defaultChecked?: boolean;\n  description?: string;\n  labelledById?: string;\n  isDisabled?: boolean;\n  required?: boolean;\n  tooltip?: string;\n  variant?: \"primary\" | \"success\";\n  showOutlineBorder?: boolean;\n  size?: \"sm\" | \"md\";\n  notSwitchedOff?: boolean;\n  preventToggle?: boolean;\n  subtitle?: string;\n  hasInlineText?: boolean;\n  inlineTextTranslations?: {\n    enabled: string;\n    disabled: string;\n  };\n  InternalIcon?: JSX.Element;\n  onChange?: (isChecked: boolean) => void;\n};\n\ntype InputHTMLProps = Omit<React.ComponentPropsWithoutRef<\"input\">, keyof ToggleSpecificProps>;\n\nexport type ToggleProps = ToggleSpecificProps & InputHTMLProps;\n\nexport type ToggleSwitchHandlers = {\n  toggle: () => void;\n};\n\nconst ToggleSwitch: React.ForwardRefRenderFunction<ToggleSwitchHandlers, ToggleProps> = (\n  {\n    id,\n    labelBefore,\n    labelAfter,\n    description,\n    labelledById,\n    defaultChecked = false,\n    preventToggle = false,\n    isDisabled = false,\n    required = false,\n    hasInlineText = false,\n    inlineTextTranslations = { enabled: \"Enabled\", disabled: \"Disabled\" },\n    variant = \"primary\",\n    showOutlineBorder = false,\n    notSwitchedOff = false,\n    size = \"sm\",\n    subtitle = \"\",\n    tooltip,\n    InternalIcon,\n    onChange,\n    ...rest\n  },\n  ref,\n) => {\n  const [isChecked, setIsChecked] = useState(defaultChecked);\n  const hasDescription = Boolean(description);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleToggle = (\n    e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,\n  ): void => {\n    e.stopPropagation();\n\n    if (isDisabled) return;\n\n    if (!preventToggle) {\n      setIsChecked((prev) => {\n        const newValue = !prev;\n        onChange?.(newValue);\n        return newValue;\n      });\n    } else {\n      onChange?.(isChecked);\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    toggle: () => setIsChecked((prev) => !prev),\n  }));\n\n  return (\n    <div\n      id={id}\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => e.key === \"Enter\" && handleToggle(e)}\n      css={(theme): SerializedStyles =>\n        ToggleContainer(theme, {\n          isChecked,\n          isDisabled,\n          hasDescription,\n          notSwitchedOff,\n          showOutlineBorder,\n          variant,\n          size,\n        })\n      }\n      data-testid={id}\n      data-checked={isChecked}\n      aria-label={tooltip}\n      {...rest}\n    >\n      <div className=\"toggle-switch__container\">\n        {labelBefore && (\n          <ToggleLabel\n            label={labelBefore}\n            position=\"before\"\n            description={description}\n            tooltip={tooltip}\n            notSwitchedOff={notSwitchedOff}\n            hasDescription={hasDescription}\n            onClick={handleToggle}\n          />\n        )}\n\n        <ToggleSwitchCore\n          isChecked={isChecked}\n          variant={variant}\n          size={size}\n          hasInlineText={hasInlineText}\n          inlineTextTranslations={inlineTextTranslations}\n          InternalIcon={InternalIcon}\n          labelledById={labelledById}\n          onClick={handleToggle}\n        />\n\n        {labelAfter && (\n          <ToggleLabel\n            label={labelAfter}\n            position=\"after\"\n            description={description}\n            tooltip={tooltip}\n            required={required}\n            notSwitchedOff={notSwitchedOff}\n            hasDescription={hasDescription}\n            onClick={handleToggle}\n          />\n        )}\n      </div>\n\n      {subtitle && (\n        <div className=\"toggle-switch__subtitle\">\n          <Text fontSize=\"sm\">{subtitle}</Text>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default forwardRef(ToggleSwitch);\n"],"names":["ToggleSwitch","_ref","ref","id","labelBefore","labelAfter","description","labelledById","_ref$defaultChecked","defaultChecked","_ref$preventToggle","preventToggle","_ref$isDisabled","isDisabled","_ref$required","required","_ref$hasInlineText","hasInlineText","_ref$inlineTextTransl","inlineTextTranslations","enabled","disabled","_ref$variant","variant","_ref$showOutlineBorde","showOutlineBorder","_ref$notSwitchedOff","notSwitchedOff","_ref$size","size","_ref$subtitle","subtitle","tooltip","InternalIcon","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","hasDescription","Boolean","useEffect","handleToggle","e","stopPropagation","prev","newValue","useImperativeHandle","toggle","___EmotionJSX","_extends","tabIndex","onKeyDown","key","css","theme","ToggleContainer","className","ToggleLabel","label","position","onClick","ToggleSwitchCore","Text","fontSize","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ToggleSwitch.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":["import React, { useState, useEffect, useImperativeHandle, forwardRef } from \"react\";\nimport { SerializedStyles } from \"@emotion/utils\";\nimport { Text } from \"../../../\";\nimport ToggleLabel from \"./ToggleLabel\";\nimport ToggleSwitchCore from \"./ToggleSwitchCore\";\nimport { ToggleContainer } from \"./styles\";\n\ntype ToggleSpecificProps = {\n  id: string;\n  labelBefore?: string;\n  labelAfter?: string;\n  defaultChecked?: boolean;\n  description?: string;\n  labelledById?: string;\n  isDisabled?: boolean;\n  required?: boolean;\n  tooltip?: string;\n  variant?: \"primary\" | \"success\";\n  showOutlineBorder?: boolean;\n  size?: \"sm\" | \"md\";\n  notSwitchedOff?: boolean;\n  preventToggle?: boolean;\n  subtitle?: string;\n  hasInlineText?: boolean;\n  inlineTextTranslations?: {\n    enabled: string;\n    disabled: string;\n  };\n  InternalIcon?: JSX.Element;\n  onChange?: (isChecked: boolean) => void;\n};\n\ntype InputHTMLProps = Omit<React.ComponentPropsWithoutRef<\"input\">, keyof ToggleSpecificProps>;\n\nexport type ToggleProps = ToggleSpecificProps & InputHTMLProps;\n\nexport type ToggleSwitchHandlers = {\n  toggle: () => void;\n};\n\nconst ToggleSwitch: React.ForwardRefRenderFunction<ToggleSwitchHandlers, ToggleProps> = (\n  {\n    id,\n    labelBefore,\n    labelAfter,\n    description,\n    labelledById,\n    defaultChecked = false,\n    preventToggle = false,\n    isDisabled = false,\n    required = false,\n    hasInlineText = false,\n    inlineTextTranslations = { enabled: \"Enabled\", disabled: \"Disabled\" },\n    variant = \"primary\",\n    showOutlineBorder = false,\n    notSwitchedOff = false,\n    size = \"sm\",\n    subtitle = \"\",\n    tooltip,\n    InternalIcon,\n    onChange,\n    ...rest\n  },\n  ref,\n) => {\n  const [isChecked, setIsChecked] = useState(defaultChecked);\n  const hasDescription = Boolean(description);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleToggle = (\n    e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,\n  ): void => {\n    e.stopPropagation();\n\n    if (isDisabled) return;\n\n    if (!preventToggle) {\n      setIsChecked((prev) => {\n        const newValue = !prev;\n        onChange?.(newValue);\n        return newValue;\n      });\n    } else {\n      onChange?.(isChecked);\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    toggle: () => setIsChecked((prev) => !prev),\n  }));\n\n  return (\n    <div\n      id={id}\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => e.key === \"Enter\" && handleToggle(e)}\n      css={(theme): SerializedStyles =>\n        ToggleContainer(theme, {\n          isChecked,\n          isDisabled,\n          hasDescription,\n          notSwitchedOff,\n          showOutlineBorder,\n          variant,\n          size,\n        })\n      }\n      data-testid={id}\n      data-checked={isChecked}\n      aria-label={tooltip}\n      {...rest}\n    >\n      <div className=\"toggle-switch__container\">\n        {labelBefore && (\n          <ToggleLabel\n            label={labelBefore}\n            position=\"before\"\n            description={description}\n            tooltip={tooltip}\n            notSwitchedOff={notSwitchedOff}\n            hasDescription={hasDescription}\n            onClick={handleToggle}\n          />\n        )}\n\n        <ToggleSwitchCore\n          isChecked={isChecked}\n          variant={variant}\n          size={size}\n          hasInlineText={hasInlineText}\n          inlineTextTranslations={inlineTextTranslations}\n          InternalIcon={InternalIcon}\n          labelledById={labelledById}\n          onClick={handleToggle}\n        />\n\n        {labelAfter && (\n          <ToggleLabel\n            label={labelAfter}\n            position=\"after\"\n            description={description}\n            tooltip={tooltip}\n            required={required}\n            notSwitchedOff={notSwitchedOff}\n            hasDescription={hasDescription}\n            onClick={handleToggle}\n          />\n        )}\n      </div>\n\n      {subtitle && (\n        <div className=\"toggle-switch__subtitle\">\n          <Text fontSize=\"sm\">{subtitle}</Text>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default forwardRef(ToggleSwitch);\n"],"names":["ToggleSwitch","_ref","ref","id","labelBefore","labelAfter","description","labelledById","_ref$defaultChecked","defaultChecked","_ref$preventToggle","preventToggle","_ref$isDisabled","isDisabled","_ref$required","required","_ref$hasInlineText","hasInlineText","_ref$inlineTextTransl","inlineTextTranslations","enabled","disabled","_ref$variant","variant","_ref$showOutlineBorde","showOutlineBorder","_ref$notSwitchedOff","notSwitchedOff","_ref$size","size","_ref$subtitle","subtitle","tooltip","InternalIcon","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","hasDescription","Boolean","useEffect","handleToggle","e","stopPropagation","prev","newValue","useImperativeHandle","toggle","___EmotionJSX","_extends","tabIndex","onKeyDown","key","css","theme","ToggleContainer","className","ToggleLabel","label","position","onClick","ToggleSwitchCore","Text","fontSize","forwardRef"],"mappings":"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"}

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleSwitchCore.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
@@ -24,8 +24,10 @@ import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.array.reverse.js';
 import '../../../../node_modules/core-js/modules/es.array.slice.js';
 import '../../../theme/utils/breakpoints.js';
-import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.date.to-string.js';
 import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.regexp.to-string.js';
+import '../../../../node_modules/core-js/modules/es.array.filter.js';
 import '../../Tabs/styles.js';
 import '../../Drawer/Drawer.js';
 import '../../Sidebar/Sidebar.js';
@@ -47,6 +49,7 @@ import '../../../../node_modules/core-js/modules/web.set-interval.js';
 import '../../../../node_modules/core-js/modules/web.set-timeout.js';
 import '../Input/styles.js';
 import '../../../../node_modules/core-js/modules/es.regexp.exec.js';
+import '../../../../node_modules/core-js/modules/es.array.some.js';
 import '../../../../node_modules/core-js/modules/es.function.name.js';
 import '../../../theme/default/config/button.js';
 import '../../../theme/default/config/card.js';

package/dist/esm/src/components/FormElements/ToggleSwitch/ToggleSwitchCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitchCore.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleSwitchCore.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Text } from \"../../../\";\n\nexport type ToggleSwitchVariant = \"primary\" | \"success\";\nexport type ToggleSwitchSize = \"sm\" | \"md\";\n\ntype ToggleSwitchCoreProps = {\n  isChecked: boolean;\n  variant: ToggleSwitchVariant;\n  size: ToggleSwitchSize;\n  hasInlineText?: boolean;\n  inlineTextTranslations?: {\n    enabled: string;\n    disabled: string;\n  };\n  InternalIcon?: JSX.Element;\n  labelledById?: string;\n  onClick: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst switchClassNames = (customClassName: string, isMedium: boolean, isSuccess: boolean): string =>\n  classNames(customClassName, {\n    \"toggle-switch__switch--md\": isMedium,\n    \"toggle-switch__switch--success\": isSuccess,\n  });\n\nconst ToggleSwitchCore: React.FC<ToggleSwitchCoreProps> = ({\n  isChecked,\n  variant,\n  size,\n  hasInlineText = false,\n  inlineTextTranslations = { enabled: \"Enabled\", disabled: \"Disabled\" },\n  InternalIcon,\n  labelledById,\n  onClick,\n}) => {\n  const isMedium = size === \"md\";\n  const isSuccess = variant === \"success\";\n  const hasIcon = Boolean(InternalIcon);\n\n  return (\n    <div className=\"toggle-switch__wrapper\">\n      <div\n        data-testid=\"switch\"\n        data-checked={isChecked}\n        className={switchClassNames(\"toggle-switch__switch\", isMedium, isSuccess)}\n        onClick={onClick}\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-labelledby={labelledById}\n      >\n        {hasInlineText && isMedium && (\n          <Text fontSize=\"sm\" className=\"toggle-switch__inline-text\">\n            {isChecked ? inlineTextTranslations.enabled : inlineTextTranslations.disabled}\n          </Text>\n        )}\n\n        {hasIcon && <div className=\"toggle-switch__icon\">{InternalIcon}</div>}\n        <div className={switchClassNames(\"toggle-switch__thumb\", isMedium, isSuccess)} />\n      </div>\n    </div>\n  );\n};\n\nexport default ToggleSwitchCore;\n"],"names":["switchClassNames","customClassName","isMedium","isSuccess","classNames","ToggleSwitchCore","_ref","isChecked","variant","size","_ref$hasInlineText","hasInlineText","_ref$inlineTextTransl","inlineTextTranslations","enabled","disabled","InternalIcon","labelledById","onClick","hasIcon","Boolean","___EmotionJSX","className","role","Text","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,eAAuB,EAAEC,QAAiB,EAAEC,SAAkB,EAAA;EAAA,OACtFC,UAAU,CAACH,eAAe,EAAE;AAC1B,IAAA,2BAA2B,EAAEC,QAAQ;AACrC,IAAA,gCAAgC,EAAEC,SAAAA;AACpC,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAME,gBAAiD,GAAG,SAApDA,gBAAiDA,CAAAC,IAAA,EASjD;AAAA,EAAA,IARJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,kBAAA,GAAAJ,IAAA,CACJK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,qBAAA,GAAAN,IAAA,CACrBO,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,OAAO,EAAE,SAAS;AAAEC,MAAAA,QAAQ,EAAE,UAAA;AAAW,KAAC,GAAAH,qBAAA;IACrEI,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,OAAO,GAAAZ,IAAA,CAAPY,OAAO,CAAA;AAEP,EAAA,IAAMhB,QAAQ,GAAGO,IAAI,KAAK,IAAI,CAAA;AAC9B,EAAA,IAAMN,SAAS,GAAGK,OAAO,KAAK,SAAS,CAAA;AACvC,EAAA,IAAMW,OAAO,GAAGC,OAAO,CAACJ,YAAY,CAAC,CAAA;AAErC,EAAA,OACEK,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAA;AAAwB,GAAA,EACrCD,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,QAAQ;AACpB,IAAA,cAAA,EAAcd,SAAU;IACxBe,SAAS,EAAEtB,gBAAgB,CAAC,uBAAuB,EAAEE,QAAQ,EAAEC,SAAS,CAAE;AAC1Ee,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,cAAA,EAAchB,SAAU;IACxB,iBAAiBU,EAAAA,YAAAA;AAAa,GAAA,EAE7BN,aAAa,IAAIT,QAAQ,IACxBmB,GAAA,CAACG,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACH,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,EACvDf,SAAS,GAAGM,sBAAsB,CAACC,OAAO,GAAGD,sBAAsB,CAACE,QACjE,CACP,EAEAI,OAAO,IAAIE,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qBAAA;GAAuBN,EAAAA,YAAkB,CAAC,EACrEK,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEtB,gBAAgB,CAAC,sBAAsB,EAAEE,QAAQ,EAAEC,SAAS,CAAA;GAAI,CAC7E,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ToggleSwitchCore.js","sources":["../../../../../../src/components/FormElements/ToggleSwitch/ToggleSwitchCore.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Text } from \"../../../\";\n\nexport type ToggleSwitchVariant = \"primary\" | \"success\";\nexport type ToggleSwitchSize = \"sm\" | \"md\";\n\ntype ToggleSwitchCoreProps = {\n  isChecked: boolean;\n  variant: ToggleSwitchVariant;\n  size: ToggleSwitchSize;\n  hasInlineText?: boolean;\n  inlineTextTranslations?: {\n    enabled: string;\n    disabled: string;\n  };\n  InternalIcon?: JSX.Element;\n  labelledById?: string;\n  onClick: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst switchClassNames = (customClassName: string, isMedium: boolean, isSuccess: boolean): string =>\n  classNames(customClassName, {\n    \"toggle-switch__switch--md\": isMedium,\n    \"toggle-switch__switch--success\": isSuccess,\n  });\n\nconst ToggleSwitchCore: React.FC<ToggleSwitchCoreProps> = ({\n  isChecked,\n  variant,\n  size,\n  hasInlineText = false,\n  inlineTextTranslations = { enabled: \"Enabled\", disabled: \"Disabled\" },\n  InternalIcon,\n  labelledById,\n  onClick,\n}) => {\n  const isMedium = size === \"md\";\n  const isSuccess = variant === \"success\";\n  const hasIcon = Boolean(InternalIcon);\n\n  return (\n    <div className=\"toggle-switch__wrapper\">\n      <div\n        data-testid=\"switch\"\n        data-checked={isChecked}\n        className={switchClassNames(\"toggle-switch__switch\", isMedium, isSuccess)}\n        onClick={onClick}\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-labelledby={labelledById}\n      >\n        {hasInlineText && isMedium && (\n          <Text fontSize=\"sm\" className=\"toggle-switch__inline-text\">\n            {isChecked ? inlineTextTranslations.enabled : inlineTextTranslations.disabled}\n          </Text>\n        )}\n\n        {hasIcon && <div className=\"toggle-switch__icon\">{InternalIcon}</div>}\n        <div className={switchClassNames(\"toggle-switch__thumb\", isMedium, isSuccess)} />\n      </div>\n    </div>\n  );\n};\n\nexport default ToggleSwitchCore;\n"],"names":["switchClassNames","customClassName","isMedium","isSuccess","classNames","ToggleSwitchCore","_ref","isChecked","variant","size","_ref$hasInlineText","hasInlineText","_ref$inlineTextTransl","inlineTextTranslations","enabled","disabled","InternalIcon","labelledById","onClick","hasIcon","Boolean","___EmotionJSX","className","role","Text","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,eAAuB,EAAEC,QAAiB,EAAEC,SAAkB,EAAA;EAAA,OACtFC,UAAU,CAACH,eAAe,EAAE;AAC1B,IAAA,2BAA2B,EAAEC,QAAQ;AACrC,IAAA,gCAAgC,EAAEC,SAAAA;AACpC,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAME,gBAAiD,GAAG,SAApDA,gBAAiDA,CAAAC,IAAA,EASjD;AAAA,EAAA,IARJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,kBAAA,GAAAJ,IAAA,CACJK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,qBAAA,GAAAN,IAAA,CACrBO,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,OAAO,EAAE,SAAS;AAAEC,MAAAA,QAAQ,EAAE,UAAA;AAAW,KAAC,GAAAH,qBAAA;IACrEI,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,OAAO,GAAAZ,IAAA,CAAPY,OAAO,CAAA;AAEP,EAAA,IAAMhB,QAAQ,GAAGO,IAAI,KAAK,IAAI,CAAA;AAC9B,EAAA,IAAMN,SAAS,GAAGK,OAAO,KAAK,SAAS,CAAA;AACvC,EAAA,IAAMW,OAAO,GAAGC,OAAO,CAACJ,YAAY,CAAC,CAAA;AAErC,EAAA,OACEK,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wBAAA;AAAwB,GAAA,EACrCD,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,QAAQ;AACpB,IAAA,cAAA,EAAcd,SAAU;IACxBe,SAAS,EAAEtB,gBAAgB,CAAC,uBAAuB,EAAEE,QAAQ,EAAEC,SAAS,CAAE;AAC1Ee,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,cAAA,EAAchB,SAAU;IACxB,iBAAiBU,EAAAA,YAAAA;AAAa,GAAA,EAE7BN,aAAa,IAAIT,QAAQ,IACxBmB,GAAA,CAACG,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACH,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,EACvDf,SAAS,GAAGM,sBAAsB,CAACC,OAAO,GAAGD,sBAAsB,CAACE,QACjE,CACP,EAEAI,OAAO,IAAIE,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qBAAA;GAAuBN,EAAAA,YAAkB,CAAC,EACrEK,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEtB,gBAAgB,CAAC,sBAAsB,EAAEE,QAAQ,EAAEC,SAAS,CAAA;GAAI,CAC7E,CACF,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/src/components/FormElements/ToggleSwitch/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Grid/Grid.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Grid/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Heading/Heading.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Heading/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Loaders/Loader.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Loaders/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/Modal.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Pagination/Pagination.js

@@ -2,11 +2,12 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/core-js/modules/es.array.concat.js';
 import '../../../node_modules/core-js/modules/es.array.fill.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../node_modules/core-js/modules/es.array.reverse.js';
@@ -22,12 +23,13 @@ import { container } from './styles.js';
 import PaginationSelector from './components/PaginationSelector.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["pageSize", "page", "translations", "a11yTranslations", "totalPages", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange", "listPlacement", "disabled"];
+var _excluded = ["pageSize", "page", "translations", "a11yTranslations", "totalResults", "totalPages", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange", "listPlacement", "disabled"];
 var Pagination = function Pagination(_ref) {
   var pageSize = _ref.pageSize,
     page = _ref.page,
     translations = _ref.translations,
     a11yTranslations = _ref.a11yTranslations,
+    totalResults = _ref.totalResults,
     totalPages = _ref.totalPages,
     rowsPerPageOptions = _ref.rowsPerPageOptions,
     _ref$dir = _ref.dir,
@@ -65,6 +67,7 @@ var Pagination = function Pagination(_ref) {
     nextPage: page + paginationDirectionFactor,
     previousPage: page - paginationDirectionFactor
   };
+  var totalResultsText = totalResults ? "".concat(translations.ofPages, " ").concat(totalResults) : undefined;
   return jsx("div", _extends({
     css: function css(theme) {
       return container(theme);
@@ -79,6 +82,7 @@ var Pagination = function Pagination(_ref) {
     selected: pageSize,
     listPlacement: listPlacement,
     ariaLabel: a11yTranslations.perPage,
+    totalResultsText: totalResultsText,
     onClickItemHandler: handlePageSize,
     disabled: disabled
   }), jsx("span", null, translations.perPage)), jsx("div", {

package/dist/esm/src/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport {\n  ChevronArrowLeftSVG,\n  ChevronArrowRightSVG,\n  ChevronArrowLineLeftSVG,\n  ChevronArrowLineRightSVG,\n} from \"../../icons/\";\nimport { container } from \"./styles\";\nimport PaginationSelector from \"./components/PaginationSelector\";\nimport { PaginationProps } from \"./types\";\n\nconst Pagination: FC<PaginationProps> = ({\n  pageSize,\n  page,\n  translations,\n  a11yTranslations,\n  totalPages,\n  rowsPerPageOptions,\n  dir = \"ltr\",\n  onPageChange,\n  onPageSizeChange,\n  listPlacement = \"top\",\n  disabled = false,\n  ...rest\n}) => {\n  const isRtl = dir === \"rtl\";\n\n  const isPrevBtnDisabled = page === (isRtl ? totalPages : 1);\n  const isNextBtnDisabled = page === (isRtl ? 1 : totalPages) || totalPages === 0;\n\n  const handlePageSize = (item: number): void => {\n    onPageSizeChange(item);\n  };\n\n  const handlePageChange = (item: number): void => {\n    onPageChange(item);\n  };\n\n  const options = rowsPerPageOptions.slice().reverse();\n\n  const optionItems = Array(totalPages)\n    .fill(0)\n    .map((_, i) => ({ value: i + 1, label: `${i + 1}` }));\n\n  const rtlClass = classNames({ isRtl });\n\n  const paginationDirectionFactor = isRtl ? -1 : 1;\n\n  const pageDirection = {\n    firstPage: isRtl ? totalPages : 1,\n    lastPage: isRtl ? 1 : totalPages,\n    nextPage: page + paginationDirectionFactor,\n    previousPage: page - paginationDirectionFactor,\n  };\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme)} {...rest} className={rtlClass}>\n      <div className=\"pagination-selector-wrapper\" data-testid=\"pagination-per-page-btn\">\n        <PaginationSelector\n          items={options}\n          selected={pageSize}\n          listPlacement={listPlacement}\n          ariaLabel={a11yTranslations.perPage}\n          onClickItemHandler={handlePageSize}\n          disabled={disabled}\n        />\n        <span>{translations.perPage}</span>\n      </div>\n      <div className=\"pagination\">\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"first-page-btn\"\n          title={translations.firstPage}\n          onClick={(): void => onPageChange(pageDirection.firstPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isPrevBtnDisabled || disabled}\n          aria-label={a11yTranslations.firstPage}\n        >\n          <ChevronArrowLineLeftSVG />\n        </Button>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"previous-page-btn\"\n          name=\"Previous page\"\n          title={translations.previousPage}\n          onClick={(): void => onPageChange(pageDirection.previousPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isPrevBtnDisabled || disabled}\n          aria-label={a11yTranslations.previousPage}\n        >\n          <ChevronArrowLeftSVG />\n        </Button>\n\n        <div className=\"pagination-selector-wrapper\" data-testid=\"pagination-page-selector-btn\">\n          <PaginationSelector\n            items={optionItems}\n            selected={page}\n            listPlacement={listPlacement}\n            ariaLabel={a11yTranslations.ofPages}\n            onClickItemHandler={handlePageChange}\n            disabled={disabled}\n          />\n          {totalPages > 1 && (\n            <span>\n              {translations.ofPages} {totalPages}\n            </span>\n          )}\n        </div>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"next-page-btn\"\n          name=\"Next page\"\n          title={translations.nextPage}\n          onClick={(): void => onPageChange(pageDirection.nextPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isNextBtnDisabled || disabled}\n          aria-label={a11yTranslations.nextPage}\n        >\n          <ChevronArrowRightSVG />\n        </Button>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"last-page-btn\"\n          name=\"Last page\"\n          title={translations.lastPage}\n          onClick={(): void => onPageChange(pageDirection.lastPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isNextBtnDisabled || disabled}\n          aria-label={a11yTranslations.lastPage}\n        >\n          <ChevronArrowLineRightSVG />\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","_ref","pageSize","page","translations","a11yTranslations","totalPages","rowsPerPageOptions","_ref$dir","dir","onPageChange","onPageSizeChange","_ref$listPlacement","listPlacement","_ref$disabled","disabled","rest","_objectWithoutProperties","_excluded","isRtl","isPrevBtnDisabled","isNextBtnDisabled","handlePageSize","item","handlePageChange","options","slice","reverse","optionItems","Array","fill","map","_","i","value","label","concat","rtlClass","classNames","paginationDirectionFactor","pageDirection","firstPage","lastPage","nextPage","previousPage","___EmotionJSX","_extends","css","theme","container","className","PaginationSelector","items","selected","ariaLabel","perPage","onClickItemHandler","Button","title","onClick","variant","noGutters","ChevronArrowLineLeftSVG","name","ChevronArrowLeftSVG","ofPages","ChevronArrowRightSVG","ChevronArrowLineRightSVG"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport {\n  ChevronArrowLeftSVG,\n  ChevronArrowRightSVG,\n  ChevronArrowLineLeftSVG,\n  ChevronArrowLineRightSVG,\n} from \"../../icons/\";\nimport { container } from \"./styles\";\nimport PaginationSelector from \"./components/PaginationSelector\";\nimport { PaginationProps } from \"./types\";\n\nconst Pagination: FC<PaginationProps> = ({\n  pageSize,\n  page,\n  translations,\n  a11yTranslations,\n  totalResults,\n  totalPages,\n  rowsPerPageOptions,\n  dir = \"ltr\",\n  onPageChange,\n  onPageSizeChange,\n  listPlacement = \"top\",\n  disabled = false,\n  ...rest\n}) => {\n  const isRtl = dir === \"rtl\";\n\n  const isPrevBtnDisabled = page === (isRtl ? totalPages : 1);\n  const isNextBtnDisabled = page === (isRtl ? 1 : totalPages) || totalPages === 0;\n\n  const handlePageSize = (item: number): void => {\n    onPageSizeChange(item);\n  };\n\n  const handlePageChange = (item: number): void => {\n    onPageChange(item);\n  };\n\n  const options = rowsPerPageOptions.slice().reverse();\n\n  const optionItems = Array(totalPages)\n    .fill(0)\n    .map((_, i) => ({ value: i + 1, label: `${i + 1}` }));\n\n  const rtlClass = classNames({ isRtl });\n\n  const paginationDirectionFactor = isRtl ? -1 : 1;\n\n  const pageDirection = {\n    firstPage: isRtl ? totalPages : 1,\n    lastPage: isRtl ? 1 : totalPages,\n    nextPage: page + paginationDirectionFactor,\n    previousPage: page - paginationDirectionFactor,\n  };\n\n  const totalResultsText = totalResults ? `${translations.ofPages} ${totalResults}` : undefined;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme)} {...rest} className={rtlClass}>\n      <div className=\"pagination-selector-wrapper\" data-testid=\"pagination-per-page-btn\">\n        <PaginationSelector\n          items={options}\n          selected={pageSize}\n          listPlacement={listPlacement}\n          ariaLabel={a11yTranslations.perPage}\n          totalResultsText={totalResultsText}\n          onClickItemHandler={handlePageSize}\n          disabled={disabled}\n        />\n        <span>{translations.perPage}</span>\n      </div>\n      <div className=\"pagination\">\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"first-page-btn\"\n          title={translations.firstPage}\n          onClick={(): void => onPageChange(pageDirection.firstPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isPrevBtnDisabled || disabled}\n          aria-label={a11yTranslations.firstPage}\n        >\n          <ChevronArrowLineLeftSVG />\n        </Button>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"previous-page-btn\"\n          name=\"Previous page\"\n          title={translations.previousPage}\n          onClick={(): void => onPageChange(pageDirection.previousPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isPrevBtnDisabled || disabled}\n          aria-label={a11yTranslations.previousPage}\n        >\n          <ChevronArrowLeftSVG />\n        </Button>\n\n        <div className=\"pagination-selector-wrapper\" data-testid=\"pagination-page-selector-btn\">\n          <PaginationSelector\n            items={optionItems}\n            selected={page}\n            listPlacement={listPlacement}\n            ariaLabel={a11yTranslations.ofPages}\n            onClickItemHandler={handlePageChange}\n            disabled={disabled}\n          />\n          {totalPages > 1 && (\n            <span>\n              {translations.ofPages} {totalPages}\n            </span>\n          )}\n        </div>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"next-page-btn\"\n          name=\"Next page\"\n          title={translations.nextPage}\n          onClick={(): void => onPageChange(pageDirection.nextPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isNextBtnDisabled || disabled}\n          aria-label={a11yTranslations.nextPage}\n        >\n          <ChevronArrowRightSVG />\n        </Button>\n\n        <Button\n          className=\"pagination-btn\"\n          data-testid=\"last-page-btn\"\n          name=\"Last page\"\n          title={translations.lastPage}\n          onClick={(): void => onPageChange(pageDirection.lastPage)}\n          variant=\"ghost\"\n          noGutters\n          disabled={isNextBtnDisabled || disabled}\n          aria-label={a11yTranslations.lastPage}\n        >\n          <ChevronArrowLineRightSVG />\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","_ref","pageSize","page","translations","a11yTranslations","totalResults","totalPages","rowsPerPageOptions","_ref$dir","dir","onPageChange","onPageSizeChange","_ref$listPlacement","listPlacement","_ref$disabled","disabled","rest","_objectWithoutProperties","_excluded","isRtl","isPrevBtnDisabled","isNextBtnDisabled","handlePageSize","item","handlePageChange","options","slice","reverse","optionItems","Array","fill","map","_","i","value","label","concat","rtlClass","classNames","paginationDirectionFactor","pageDirection","firstPage","lastPage","nextPage","previousPage","totalResultsText","ofPages","undefined","___EmotionJSX","_extends","css","theme","container","className","PaginationSelector","items","selected","ariaLabel","perPage","onClickItemHandler","Button","title","onClick","variant","noGutters","ChevronArrowLineLeftSVG","name","ChevronArrowLeftSVG","ChevronArrowRightSVG","ChevronArrowLineRightSVG"],"mappings":"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"}

package/dist/esm/src/components/Pagination/components/PaginationSelector.js

@@ -2,12 +2,16 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.2.20
+   * @epignosis_llc/gnosis.js v6.2.22
    * Released under the MIT license.
    */
 
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
+import '../../../../node_modules/core-js/modules/es.date.to-string.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.regexp.to-string.js';
 import { useRef, useState, useEffect } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import SvgChevronArrowDown from '../../../icons/chevrons/chevron-arrow-down.svg.js';
@@ -32,6 +36,7 @@ var PaginationSelector = function PaginationSelector(_ref) {
   var items = _ref.items,
     selected = _ref.selected,
     ariaLabel = _ref.ariaLabel,
+    totalResultsText = _ref.totalResultsText,
     _ref$listPlacement = _ref.listPlacement,
     listPlacement = _ref$listPlacement === void 0 ? "top" : _ref$listPlacement,
     _ref$disabled = _ref.disabled,
@@ -73,10 +78,12 @@ var PaginationSelector = function PaginationSelector(_ref) {
     }
   }, [disabled]);
   var hasItems = items.length > 1;
+  var selectedItemText = totalResultsText ? "".concat(selectedListItem, " ").concat(totalResultsText) : selectedListItem.toString();
   return jsx("div", {
     css: function css(theme) {
       return PaginationSelectorStyles(theme, {
-        isOpen: isListOpen
+        isOpen: isListOpen,
+        hasTotalResults: Boolean(totalResultsText)
       });
     },
     ref: wrapperRef
@@ -89,7 +96,7 @@ var PaginationSelector = function PaginationSelector(_ref) {
   }, jsx(Text, {
     fontSize: "sm",
     weight: "700"
-  }, selectedListItem), hasItems && jsx(SvgChevronArrowDown, null)), isListOpen && hasItems && jsx("div", {
+  }, selectedItemText), hasItems && jsx(SvgChevronArrowDown, null)), isListOpen && hasItems && jsx("div", {
     className: dropdownWrapperClasses(listPlacement)
   }, jsx("ul", {
     role: "list",

package/dist/esm/src/components/Pagination/components/PaginationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelector.js","sources":["../../../../../../src/components/Pagination/components/PaginationSelector.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { ChevronArrowDownSVG } from \"../../../icons/\";\nimport Text from \"../../Text/Text\";\nimport useClickOutside from \"../hooks\";\nimport { ListPlacement, PaginationDropDownOptions } from \"../types\";\nimport { PaginationSelectorStyles } from \"./styles\";\n\nconst dropdownWrapperClasses = (placement: ListPlacement): string =>\n  classNames({\n    \"dropdown-wrapper\": true,\n    bottom: placement === \"bottom\",\n    top: placement === \"top\",\n  });\n\nconst SelectedOptionClasses = (isSelected: boolean): string =>\n  classNames({\n    \"is-selected\": isSelected,\n  });\n\ntype PaginationSelectorProps = {\n  items: PaginationDropDownOptions[];\n  selected: number;\n  ariaLabel: string;\n  listPlacement?: ListPlacement;\n  disabled?: boolean;\n  onClickItemHandler: (item: number) => void;\n};\n\nconst PaginationSelector: FC<PaginationSelectorProps> = ({\n  items,\n  selected,\n  ariaLabel,\n  listPlacement = \"top\",\n  disabled = false,\n  onClickItemHandler,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isListOpen, setIsListOpen] = useState(false);\n  const [selectedListItem, setSelectedListItem] = useState<number>(selected);\n  useClickOutside(wrapperRef, () => setIsListOpen(false));\n\n  const toggleList = (): void => {\n    if (!disabled) {\n      // We want to reset the dropdown list every time it opens\n      setIsListOpen((prevState) => !prevState);\n    }\n  };\n\n  const handleListItemSelect = (item: number): void => {\n    if (isListOpen) {\n      onClickItemHandler(item);\n      setSelectedListItem(item);\n      setIsListOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    setSelectedListItem(selected);\n  }, [selected]);\n\n  useEffect(() => {\n    if (disabled) {\n      setIsListOpen(false);\n    }\n  }, [disabled]);\n\n  const hasItems = items.length > 1;\n\n  return (\n    <div\n      css={(theme): SerializedStyles => PaginationSelectorStyles(theme, { isOpen: isListOpen })}\n      ref={wrapperRef}\n    >\n      <button\n        className={`dropdown-button ${!hasItems ? \"disabled\" : \"\"}`}\n        disabled={!hasItems || disabled}\n        onClick={toggleList}\n        title={`${selectedListItem}`}\n        aria-label={ariaLabel}\n      >\n        <Text fontSize=\"sm\" weight=\"700\">\n          {selectedListItem}\n        </Text>\n        {hasItems && <ChevronArrowDownSVG />}\n      </button>\n\n      {isListOpen && hasItems && (\n        <div className={dropdownWrapperClasses(listPlacement)}>\n          <ul role=\"list\" className=\"dropdown-list\">\n            {items.map(({ value, label }) => {\n              const isSelected = value === selectedListItem;\n\n              return (\n                <li\n                  className=\"dropdown-list-item\"\n                  data-testid=\"pagination-page\"\n                  key={`item-${value}`}\n                  title={`${value}`}\n                  onClick={(): void => handleListItemSelect(value)}\n                >\n                  <Text fontSize=\"sm\" className={SelectedOptionClasses(isSelected)}>\n                    {label}\n                  </Text>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PaginationSelector;\n"],"names":["dropdownWrapperClasses","placement","classNames","bottom","top","SelectedOptionClasses","isSelected","PaginationSelector","_ref","items","selected","ariaLabel","_ref$listPlacement","listPlacement","_ref$disabled","disabled","onClickItemHandler","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","isListOpen","setIsListOpen","_useState3","_useState4","selectedListItem","setSelectedListItem","useClickOutside","toggleList","prevState","handleListItemSelect","item","useEffect","hasItems","length","___EmotionJSX","css","theme","PaginationSelectorStyles","isOpen","ref","className","concat","onClick","title","Text","fontSize","weight","ChevronArrowDownSVG","role","map","_ref2","value","label","key"],"mappings":"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"}
+{"version":3,"file":"PaginationSelector.js","sources":["../../../../../../src/components/Pagination/components/PaginationSelector.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { ChevronArrowDownSVG } from \"../../../icons/\";\nimport Text from \"../../Text/Text\";\nimport useClickOutside from \"../hooks\";\nimport { ListPlacement, PaginationDropDownOptions } from \"../types\";\nimport { PaginationSelectorStyles } from \"./styles\";\n\nconst dropdownWrapperClasses = (placement: ListPlacement): string =>\n  classNames({\n    \"dropdown-wrapper\": true,\n    bottom: placement === \"bottom\",\n    top: placement === \"top\",\n  });\n\nconst SelectedOptionClasses = (isSelected: boolean): string =>\n  classNames({\n    \"is-selected\": isSelected,\n  });\n\ntype PaginationSelectorProps = {\n  items: PaginationDropDownOptions[];\n  selected: number;\n  ariaLabel: string;\n  listPlacement?: ListPlacement;\n  totalResultsText?: string;\n  disabled?: boolean;\n  onClickItemHandler: (item: number) => void;\n};\n\nconst PaginationSelector: FC<PaginationSelectorProps> = ({\n  items,\n  selected,\n  ariaLabel,\n  totalResultsText,\n  listPlacement = \"top\",\n  disabled = false,\n  onClickItemHandler,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isListOpen, setIsListOpen] = useState(false);\n  const [selectedListItem, setSelectedListItem] = useState<number>(selected);\n  useClickOutside(wrapperRef, () => setIsListOpen(false));\n\n  const toggleList = (): void => {\n    if (!disabled) {\n      // We want to reset the dropdown list every time it opens\n      setIsListOpen((prevState) => !prevState);\n    }\n  };\n\n  const handleListItemSelect = (item: number): void => {\n    if (isListOpen) {\n      onClickItemHandler(item);\n      setSelectedListItem(item);\n      setIsListOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    setSelectedListItem(selected);\n  }, [selected]);\n\n  useEffect(() => {\n    if (disabled) {\n      setIsListOpen(false);\n    }\n  }, [disabled]);\n\n  const hasItems = items.length > 1;\n\n  const selectedItemText = totalResultsText\n    ? `${selectedListItem} ${totalResultsText}`\n    : selectedListItem.toString();\n\n  return (\n    <div\n      css={(theme): SerializedStyles =>\n        PaginationSelectorStyles(theme, {\n          isOpen: isListOpen,\n          hasTotalResults: Boolean(totalResultsText),\n        })\n      }\n      ref={wrapperRef}\n    >\n      <button\n        className={`dropdown-button ${!hasItems ? \"disabled\" : \"\"}`}\n        disabled={!hasItems || disabled}\n        onClick={toggleList}\n        title={`${selectedListItem}`}\n        aria-label={ariaLabel}\n      >\n        <Text fontSize=\"sm\" weight=\"700\">\n          {selectedItemText}\n        </Text>\n        {hasItems && <ChevronArrowDownSVG />}\n      </button>\n\n      {isListOpen && hasItems && (\n        <div className={dropdownWrapperClasses(listPlacement)}>\n          <ul role=\"list\" className=\"dropdown-list\">\n            {items.map(({ value, label }) => {\n              const isSelected = value === selectedListItem;\n\n              return (\n                <li\n                  className=\"dropdown-list-item\"\n                  data-testid=\"pagination-page\"\n                  key={`item-${value}`}\n                  title={`${value}`}\n                  onClick={(): void => handleListItemSelect(value)}\n                >\n                  <Text fontSize=\"sm\" className={SelectedOptionClasses(isSelected)}>\n                    {label}\n                  </Text>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PaginationSelector;\n"],"names":["dropdownWrapperClasses","placement","classNames","bottom","top","SelectedOptionClasses","isSelected","PaginationSelector","_ref","items","selected","ariaLabel","totalResultsText","_ref$listPlacement","listPlacement","_ref$disabled","disabled","onClickItemHandler","wrapperRef","useRef","_useState","useState","_useState2","_slicedToArray","isListOpen","setIsListOpen","_useState3","_useState4","selectedListItem","setSelectedListItem","useClickOutside","toggleList","prevState","handleListItemSelect","item","useEffect","hasItems","length","selectedItemText","concat","toString","___EmotionJSX","css","theme","PaginationSelectorStyles","isOpen","hasTotalResults","Boolean","ref","className","onClick","title","Text","fontSize","weight","ChevronArrowDownSVG","role","map","_ref2","value","label","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,SAAwB,EAAA;AAAA,EAAA,OACtDC,UAAU,CAAC;AACT,IAAA,kBAAkB,EAAE,IAAI;IACxBC,MAAM,EAAEF,SAAS,KAAK,QAAQ;IAC9BG,GAAG,EAAEH,SAAS,KAAK,KAAA;AACrB,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,UAAmB,EAAA;AAAA,EAAA,OAChDJ,UAAU,CAAC;AACT,IAAA,aAAa,EAAEI,UAAAA;AACjB,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAYJ,IAAMC,kBAA+C,GAAG,SAAlDA,kBAA+CA,CAAAC,IAAA,EAQ/C;AAAA,EAAA,IAPJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IAAAC,kBAAA,GAAAL,IAAA,CAChBM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,aAAA,GAAAP,IAAA,CACrBQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB,CAAA;AAElB,EAAA,IAAMC,UAAU,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;AACtD,EAAA,IAAAC,SAAA,GAAoCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAI,UAAA,GAAgDL,QAAQ,CAASX,QAAQ,CAAC;IAAAiB,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAnEE,IAAAA,gBAAgB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAC5CG,eAAe,CAACZ,UAAU,EAAE,YAAA;IAAA,OAAMO,aAAa,CAAC,KAAK,CAAC,CAAA;GAAC,CAAA,CAAA;AAEvD,EAAA,IAAMM,UAAU,GAAG,SAAbA,UAAUA,GAAe;IAC7B,IAAI,CAACf,QAAQ,EAAE;AACb;MACAS,aAAa,CAAC,UAACO,SAAS,EAAA;AAAA,QAAA,OAAK,CAACA,SAAS,CAAA;OAAC,CAAA,CAAA;AAC1C,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,IAAY,EAAW;AACnD,IAAA,IAAIV,UAAU,EAAE;MACdP,kBAAkB,CAACiB,IAAI,CAAC,CAAA;MACxBL,mBAAmB,CAACK,IAAI,CAAC,CAAA;MACzBT,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA;GACD,CAAA;AAEDU,EAAAA,SAAS,CAAC,YAAM;IACdN,mBAAmB,CAACnB,QAAQ,CAAC,CAAA;AAC/B,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEdyB,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAInB,QAAQ,EAAE;MACZS,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA;AACF,GAAC,EAAE,CAACT,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,IAAMoB,QAAQ,GAAG3B,KAAK,CAAC4B,MAAM,GAAG,CAAC,CAAA;AAEjC,EAAA,IAAMC,gBAAgB,GAAG1B,gBAAgB,GAAA2B,EAAAA,CAAAA,MAAA,CAClCX,gBAAgB,EAAA,GAAA,CAAA,CAAAW,MAAA,CAAI3B,gBAAgB,CACvCgB,GAAAA,gBAAgB,CAACY,QAAQ,EAAE,CAAA;AAE/B,EAAA,OACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAE,SAALA,GAAGA,CAAGC,KAAK,EAAA;MAAA,OACTC,wBAAwB,CAACD,KAAK,EAAE;AAC9BE,QAAAA,MAAM,EAAErB,UAAU;QAClBsB,eAAe,EAAEC,OAAO,CAACnC,gBAAgB,CAAA;AAC3C,OAAC,CAAC,CAAA;KACH;AACDoC,IAAAA,GAAG,EAAE9B,UAAAA;AAAW,GAAA,EAEhBuB,GAAA,CAAA,QAAA,EAAA;IACEQ,SAAS,EAAA,kBAAA,CAAAV,MAAA,CAAqB,CAACH,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAG;AAC5DpB,IAAAA,QAAQ,EAAE,CAACoB,QAAQ,IAAIpB,QAAS;AAChCkC,IAAAA,OAAO,EAAEnB,UAAW;AACpBoB,IAAAA,KAAK,EAAAZ,EAAAA,CAAAA,MAAA,CAAKX,gBAAgB,CAAG;IAC7B,YAAYjB,EAAAA,SAAAA;GAEZ8B,EAAAA,GAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,KAAA;AAAK,GAAA,EAC7BhB,gBACG,CAAC,EACNF,QAAQ,IAAIK,GAAA,CAACc,mBAAmB,EAAE,IAAA,CAC7B,CAAC,EAER/B,UAAU,IAAIY,QAAQ,IACrBK,GAAA,CAAA,KAAA,EAAA;IAAKQ,SAAS,EAAEjD,sBAAsB,CAACc,aAAa,CAAA;AAAE,GAAA,EACpD2B,GAAA,CAAA,IAAA,EAAA;AAAIe,IAAAA,IAAI,EAAC,MAAM;AAACP,IAAAA,SAAS,EAAC,eAAA;AAAe,GAAA,EACtCxC,KAAK,CAACgD,GAAG,CAAC,UAAAC,KAAA,EAAsB;AAAA,IAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AACxB,IAAA,IAAMtD,UAAU,GAAGqD,KAAK,KAAK/B,gBAAgB,CAAA;AAE7C,IAAA,OACEa,GAAA,CAAA,IAAA,EAAA;AACEQ,MAAAA,SAAS,EAAC,oBAAoB;AAC9B,MAAA,aAAA,EAAY,iBAAiB;AAC7BY,MAAAA,GAAG,EAAAtB,OAAAA,CAAAA,MAAA,CAAUoB,KAAK,CAAG;AACrBR,MAAAA,KAAK,EAAAZ,EAAAA,CAAAA,MAAA,CAAKoB,KAAK,CAAG;MAClBT,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAcjB,oBAAoB,CAAC0B,KAAK,CAAC,CAAA;AAAA,OAAA;KAEhDlB,EAAAA,GAAA,CAACW,IAAI,EAAA;AAACC,MAAAA,QAAQ,EAAC,IAAI;MAACJ,SAAS,EAAE5C,qBAAqB,CAACC,UAAU,CAAA;KAC5DsD,EAAAA,KACG,CACJ,CAAC,CAAA;GAER,CACC,CACD,CAEJ,CAAC,CAAA;AAEV;;;;"}