@activecollab/components 1.0.151 → 1.0.154

package/dist/cjs/components/CounterButton/CounterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: () => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
+{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}

package/dist/cjs/components/Entity/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","children","actions","renderAs","isCollection","background","className","rest","paperType","React","Children","map","child","isValidElement","type","EntityProperty","cloneElement","$renderAs","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;AAWO,IAAMA,UAA2B,GAAG,SAA9BA,UAA8B,OAQrC;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,MAKP;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGL,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,sBACE,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAEA,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEG,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMG,IANN,GAQGE,eAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,8BAAlD,EAAkE;AAChE,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,QAAAA,SAAS,EAAEd;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CADF;AAwBD,CAnCM;;;AAqCPF,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { ReactNode } from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\n\nexport interface Props extends ICardProps {\n  renderAs?: \"grid\" | \"list\";\n  actions?: ReactNode;\n  className?: string;\n  isCollection?: boolean;\n  background?: string;\n}\n\nexport const EntityCard: React.FC<Props> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  return (\n    <StyledEntityCard\n      $renderAs={renderAs}\n      $background={background}\n      paperType={paperType}\n      className={className}\n      $isCollection={isCollection}\n      {...rest}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityProperty) {\n          return React.cloneElement(child, {\n            $renderAs: renderAs,\n          });\n        }\n        return null;\n      })}\n      {actions && (\n        <StyledEntityActions $renderAs={renderAs}>\n          {actions}\n        </StyledEntityActions>\n      )}\n    </StyledEntityCard>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","children","actions","renderAs","isCollection","background","className","rest","paperType","React","Children","map","child","isValidElement","type","EntityProperty","cloneElement","$renderAs","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;AAYO,IAAMA,UAAsC,GAAG,SAAzCA,UAAyC,OAQhD;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,MAKP;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGL,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,sBACE,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAEA,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEG,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMG,IANN,GAQGE,eAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,8BAAlD,EAAkE;AAChE,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,QAAAA,SAAS,EAAEd;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CADF;AAwBD,CAnCM;;;AAqCPF,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { CSSProperties, ReactNode } from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\n\nexport interface IEntityCardProps extends ICardProps {\n  renderAs?: \"grid\" | \"list\";\n  actions?: ReactNode;\n  className?: string;\n  isCollection?: boolean;\n  background?: string;\n  style?: CSSProperties;\n}\n\nexport const EntityCard: React.FC<IEntityCardProps> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  return (\n    <StyledEntityCard\n      $renderAs={renderAs}\n      $background={background}\n      paperType={paperType}\n      className={className}\n      $isCollection={isCollection}\n      {...rest}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityProperty) {\n          return React.cloneElement(child, {\n            $renderAs: renderAs,\n          });\n        }\n        return null;\n      })}\n      {actions && (\n        <StyledEntityActions $renderAs={renderAs}>\n          {actions}\n        </StyledEntityActions>\n      )}\n    </StyledEntityCard>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/cjs/components/Entity/EntityGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroup","children","gap","renderAs","rest","React","Children","map","child","isValidElement","type","EntityCard","cloneElement","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQO,IAAMA,WAA4B,GAAG,SAA/BA,WAA+B,OAKtC;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6B,UAACO,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,sBAAlD,EAA8D;AAC5D,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BL,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;;;AAoBPH,WAAW,CAACa,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface Props\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<Props> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroup","children","gap","renderAs","rest","React","Children","map","child","isValidElement","type","EntityCard","cloneElement","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQO,IAAMA,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6B,UAACO,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,sBAAlD,EAA8D;AAC5D,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BL,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;;;AAoBPH,WAAW,CAACa,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}

package/dist/cjs/components/Entity/EntityProperty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AASO,IAAMA,cAA+B,GAAG,SAAlCA,cAAkC,OAMzC;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBD,SAAzB,EAAoC;AAC7C,mBAAaD,qBADgC;AAE7C,oBAAcA,qBAAqB,KAAK,IAFK;AAG7C,oBAAcA,qBAAqB,KAAK,IAHK;AAI7C,oBAAcA,qBAAqB,KAAK,IAJK;AAK7C,oBAAcA,qBAAqB,KAAK,IALK;AAM7C,qBAAeA,qBAAqB,KAAK;AANI,KAApC;AADb,KASME,KATN;AAUE,IAAA,MAAM,EAAEJ,SAVV;AAWE,IAAA,MAAM,EAAEC;AAXV,KADF;AAeD,CAtBM;;;AAwBPF,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n}\n\nexport const EntityProperty: React.FC<Props> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c_property\", className, {\n        \"tw-hidden\": visibleFromBreakpoint,\n        \"sm:tw-flex\": visibleFromBreakpoint === \"sm\",\n        \"md:tw-flex\": visibleFromBreakpoint === \"md\",\n        \"lg:tw-flex\": visibleFromBreakpoint === \"lg\",\n        \"xl:tw-flex\": visibleFromBreakpoint === \"xl\",\n        \"2xl:tw-flex\": visibleFromBreakpoint === \"2xl\",\n      })}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAUO,IAAMA,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBD,SAAzB,EAAoC;AAC7C,mBAAaD,qBADgC;AAE7C,oBAAcA,qBAAqB,KAAK,IAFK;AAG7C,oBAAcA,qBAAqB,KAAK,IAHK;AAI7C,oBAAcA,qBAAqB,KAAK,IAJK;AAK7C,oBAAcA,qBAAqB,KAAK,IALK;AAM7C,qBAAeA,qBAAqB,KAAK;AANI,KAApC;AADb,KASME,KATN;AAUE,IAAA,MAAM,EAAEJ,SAVV;AAWE,IAAA,MAAM,EAAEC;AAXV,KADF;AAeD,CAtBM;;;AAwBPF,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c_property\", className, {\n        \"tw-hidden\": visibleFromBreakpoint,\n        \"sm:tw-flex\": visibleFromBreakpoint === \"sm\",\n        \"md:tw-flex\": visibleFromBreakpoint === \"md\",\n        \"lg:tw-flex\": visibleFromBreakpoint === \"lg\",\n        \"xl:tw-flex\": visibleFromBreakpoint === \"xl\",\n        \"2xl:tw-flex\": visibleFromBreakpoint === \"2xl\",\n      })}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

package/dist/cjs/components/Filter/Filter.js

@@ -0,0 +1,260 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filter = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactFocusLock = require("react-focus-lock");
+
+var _Submenu = require("./Submenu");
+
+var _StartMenu = require("./StartMenu");
+
+var _Icons = require("../Icons");
+
+var _Transitions = require("../Transitions");
+
+var _Select = require("../Select");
+
+var _CounterButton = require("../CounterButton");
+
+var _Button = require("../Button");
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Filter = function Filter(_ref) {
+  var data = _ref.data,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? {} : _ref$selected,
+      label = _ref.label,
+      clearAllText = _ref.clearAllText,
+      _ref$resetLabel = _ref.resetLabel,
+      resetLabel = _ref$resetLabel === void 0 ? "Reset" : _ref$resetLabel,
+      onChange = _ref.onChange,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 260 : _ref$width,
+      noResultText = _ref.noResultText,
+      emptyFilterText = _ref.emptyFilterText,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)("index"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      menu = _useState4[0],
+      setMenu = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLeft = _useState6[0],
+      setIsLeft = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      height = _useState8[0],
+      setHeight = _useState8[1];
+
+  var _useState9 = (0, _react.useState)("index"),
+      _useState10 = _slicedToArray(_useState9, 2),
+      enteredMenu = _useState10[0],
+      setEnteredMenu = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(function () {
+    return selected;
+  }),
+      _useState12 = _slicedToArray(_useState11, 2),
+      filter = _useState12[0],
+      setFilter = _useState12[1];
+
+  var handleOpen = (0, _react.useCallback)(function () {
+    setOpen(true);
+  }, []);
+  var handleClose = (0, _react.useCallback)(function () {
+    setOpen(false);
+    setMenu("index");
+    setHeight(0);
+  }, []);
+  var handleHeight = (0, _react.useCallback)(function (element) {
+    var _element$offsetHeight;
+
+    setHeight((_element$offsetHeight = element === null || element === void 0 ? void 0 : element.offsetHeight) !== null && _element$offsetHeight !== void 0 ? _element$offsetHeight : 0);
+  }, []);
+  var handleItemClick = (0, _react.useCallback)(function (value) {
+    setMenu(value);
+    setIsLeft(true);
+  }, []);
+  var setIndex = (0, _react.useCallback)(function () {
+    setMenu("index");
+    setIsLeft(false);
+  }, []);
+  var handleChange = (0, _react.useCallback)(function (selectedArray) {
+    var newFilters = {};
+
+    if (selectedArray.length) {
+      newFilters = _objectSpread(_objectSpread({}, filter), {}, _defineProperty({}, menu, selectedArray));
+    } else {
+      newFilters = _objectSpread({}, filter);
+      delete newFilters[menu];
+    }
+
+    setFilter(newFilters);
+    onChange(newFilters);
+  }, [filter, menu, onChange]);
+  var handleClearAll = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    setFilter({});
+    onChange({});
+  }, [onChange]);
+  var handleReset = (0, _react.useCallback)(function () {
+    var newFilters = _objectSpread({}, filter);
+
+    delete newFilters[menu];
+    setFilter(newFilters);
+    onChange(newFilters);
+  }, [filter, menu, onChange]);
+  var count = (0, _react.useMemo)(function () {
+    var c = 0;
+    Object.values(filter).forEach(function (entry) {
+      return c += entry.length;
+    });
+    return c;
+  }, [filter]);
+  var shouldRenderSubmenus = (0, _react.useMemo)(function () {
+    if (data.length === 0) {
+      return false;
+    }
+
+    var _iterator = _createForOfIteratorHelper(data),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _entry$submenu;
+
+        var entry = _step.value;
+
+        if (((_entry$submenu = entry.submenu) === null || _entry$submenu === void 0 ? void 0 : _entry$submenu.length) > 1) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return false;
+  }, [data]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      active: open,
+      label: label,
+      icon: /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null),
+      counter: count,
+      tooltipText: clearAllText,
+      onClearAll: handleClearAll
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.ResizeTransition, {
+    in: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: height,
+      width: width
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+    in: menu === "index",
+    direction: isLeft ? "left" : "right",
+    onEnter: handleHeight,
+    onEntered: function onEntered() {
+      return setEnteredMenu("index");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, null, /*#__PURE__*/_react.default.createElement(_StartMenu.StartMenu, {
+    data: data,
+    selected: filter,
+    style: {
+      width: width
+    },
+    onHeightChange: setHeight,
+    onItemClick: handleItemClick,
+    shouldRenderSubmenus: shouldRenderSubmenus,
+    emptyFilterText: emptyFilterText
+  }, children))), shouldRenderSubmenus && data.map(function (_ref2, index) {
+    var _filter$id;
+
+    var id = _ref2.id,
+        title = _ref2.title,
+        submenu = _ref2.submenu,
+        searchPlaceholder = _ref2.searchPlaceholder;
+    return /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+      key: "filter-submenu-".concat(index),
+      in: menu === id,
+      direction: isLeft ? "left" : "right",
+      onEnter: handleHeight,
+      onEntered: function onEntered() {
+        return setEnteredMenu(id);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Submenu.Submenu, {
+      title: title,
+      onBack: setIndex,
+      onHeightChange: setHeight,
+      style: {
+        width: width
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, {
+      disabled: enteredMenu !== id
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: submenu,
+      selected: filter[id],
+      onChange: handleChange,
+      type: "multiple",
+      autoHeightMax: 255,
+      placeholder: searchPlaceholder,
+      noResultText: noResultText,
+      keepSameOptionsOrder: Boolean(submenu.length <= 7),
+      disableSearch: Boolean(submenu.length <= 7)
+    }), (_filter$id = filter[id]) !== null && _filter$id !== void 0 && _filter$id.length ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuFooter, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      variant: "text colored",
+      size: "small",
+      onClick: handleReset
+    }, resetLabel)) : null)));
+  }))));
+};
+
+exports.Filter = Filter;
+//# sourceMappingURL=Filter.js.map

package/dist/cjs/components/Filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Filter.tsx"],"names":["Filter","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","emptyFilterText","children","open","setOpen","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","handleOpen","handleClose","handleHeight","element","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","length","handleClearAll","event","stopPropagation","handleReset","count","c","Object","values","forEach","entry","shouldRenderSubmenus","submenu","map","index","id","title","searchPlaceholder","Boolean"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\nimport { Submenu } from \"./Submenu\";\nimport { StartMenu } from \"./StartMenu\";\nimport { FilterIcon } from \"../Icons\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { CounterButton } from \"../CounterButton\";\nimport { Button } from \"../Button\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected?: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n}\n\nexport const Filter: FC<FilterProps> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const count = useMemo(() => {\n    let c = 0;\n    Object.values(filter).forEach((entry) => (c += entry.length));\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={<FilterIcon />}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                { id, title, submenu, searchPlaceholder }: DataType,\n                index: number\n              ) => (\n                <SlideLeftRightTransition\n                  key={`filter-submenu-${index}`}\n                  in={menu === id}\n                  direction={isLeft ? \"left\" : \"right\"}\n                  onEnter={handleHeight}\n                  onEntered={() => setEnteredMenu(id)}\n                >\n                  <Submenu\n                    title={title}\n                    onBack={setIndex}\n                    onHeightChange={setHeight}\n                    style={{ width }}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      <Select\n                        options={submenu}\n                        selected={filter[id]}\n                        onChange={handleChange}\n                        type=\"multiple\"\n                        autoHeightMax={255}\n                        placeholder={searchPlaceholder}\n                        noResultText={noResultText}\n                        keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                        disableSearch={Boolean(submenu.length <= 7)}\n                      />\n                      {filter[id]?.length ? (\n                        <StyledMenuFooter>\n                          <Button\n                            variant=\"text colored\"\n                            size=\"small\"\n                            onClick={handleReset}\n                          >\n                            {resetLabel}\n                          </Button>\n                        </StyledMenuFooter>\n                      ) : null}\n                    </MoveFocusInside>\n                  </Submenu>\n                </SlideLeftRightTransition>\n              )\n            )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"file":"Filter.js"}

package/dist/cjs/components/Filter/StartMenu.js

@@ -0,0 +1,62 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StartMenu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icons = require("../Icons");
+
+var _Styles = require("./Styles");
+
+var _utils = require("../../utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StartMenu = function StartMenu(_ref) {
+  var data = _ref.data,
+      selected = _ref.selected,
+      onItemClick = _ref.onItemClick,
+      style = _ref.style,
+      onHeightChange = _ref.onHeightChange,
+      shouldRenderSubmenus = _ref.shouldRenderSubmenus,
+      emptyFilterText = _ref.emptyFilterText,
+      children = _ref.children;
+  var ref = (0, _react.useRef)(null);
+  var dimensions = (0, _utils.useResizeObserver)(ref);
+  var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+  (0, _react.useEffect)(function () {
+    if (height && height > 0) {
+      onHeightChange(height);
+    }
+  }, [height, onHeightChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuList, null, shouldRenderSubmenus ? data.map(function (_ref2, index) {
+    var _selected$id;
+
+    var id = _ref2.id,
+        title = _ref2.title,
+        submenu = _ref2.submenu;
+    var count = (_selected$id = selected[id]) === null || _selected$id === void 0 ? void 0 : _selected$id.length;
+
+    if ((submenu === null || submenu === void 0 ? void 0 : submenu.length) > 1) {
+      return /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuListItem, {
+        key: "filter-list-item-".concat(index),
+        onClick: function onClick() {
+          return onItemClick(id);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuDot, null, count) : null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null));
+    }
+  }) : emptyFilterText ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuNoResults, null, emptyFilterText) : null, children));
+};
+
+exports.StartMenu = StartMenu;
+//# sourceMappingURL=StartMenu.js.map

package/dist/cjs/components/Filter/StartMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/StartMenu.tsx"],"names":["StartMenu","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","dimensions","height","map","index","id","title","submenu","count","length"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAOA;;;;;;AAWO,IAAMA,SAA8D,GAAG,SAAjEA,SAAiE,OASxE;AAAA,MARJC,IAQI,QARJA,IAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,oBAGI,QAHJA,oBAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;AACA,MAAMC,UAAU,GAAG,8BAAkBD,GAAlB,CAAnB;AACA,MAAME,MAAM,GAAGD,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEC,MAA3B;AAEA,wBAAU,YAAM;AACd,QAAIA,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBN,MAAAA,cAAc,CAACM,MAAD,CAAd;AACD;AACF,GAJD,EAIG,CAACA,MAAD,EAASN,cAAT,CAJH;AAMA,sBACE;AAAK,IAAA,KAAK,EAAED,KAAZ;AAAmB,IAAA,GAAG,EAAEK;AAAxB,kBACE,6BAAC,2BAAD,QACGH,oBAAoB,GACnBL,IAAI,CAACW,GAAL,CAAS,iBAAyBC,KAAzB,EAA2C;AAAA;;AAAA,QAAxCC,EAAwC,SAAxCA,EAAwC;AAAA,QAApCC,KAAoC,SAApCA,KAAoC;AAAA,QAA7BC,OAA6B,SAA7BA,OAA6B;AAClD,QAAMC,KAAK,mBAAGf,QAAQ,CAACY,EAAD,CAAX,iDAAG,aAAcI,MAA5B;;AACA,QAAI,CAAAF,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEE,MAAT,IAAkB,CAAtB,EAAyB;AACvB,0BACE,6BAAC,+BAAD;AACE,QAAA,GAAG,6BAAsBL,KAAtB,CADL;AAEE,QAAA,OAAO,EAAE;AAAA,iBAAMV,WAAW,CAACW,EAAD,CAAjB;AAAA;AAFX,sBAIE,6BAAC,4BAAD,QAAuBC,KAAvB,CAJF,EAKGE,KAAK,GAAG,CAAR,gBACC,6BAAC,0BAAD,QAAqBA,KAArB,CADD,GAEG,IAPN,eAQE,6BAAC,qBAAD,OARF,CADF;AAYD;AACF,GAhBD,CADmB,GAkBjBV,eAAe,gBACjB,6BAAC,gCAAD,QAA2BA,eAA3B,CADiB,GAEf,IArBN,EAsBGC,QAtBH,CADF,CADF;AA4BD,CAhDM","sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuDot,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n  StyledStartMenuNoResults,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n  shouldRenderSubmenus: boolean;\n  emptyFilterText?: string;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  shouldRenderSubmenus,\n  emptyFilterText,\n  children,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <StyledStartMenuList>\n        {shouldRenderSubmenus ? (\n          data.map(({ id, title, submenu }, index: number) => {\n            const count = selected[id]?.length;\n            if (submenu?.length > 1) {\n              return (\n                <StyledStartMenuListItem\n                  key={`filter-list-item-${index}`}\n                  onClick={() => onItemClick(id)}\n                >\n                  <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                  {count > 0 ? (\n                    <StyledStartMenuDot>{count}</StyledStartMenuDot>\n                  ) : null}\n                  <ArrowRightIcon />\n                </StyledStartMenuListItem>\n              );\n            }\n          })\n        ) : emptyFilterText ? (\n          <StyledStartMenuNoResults>{emptyFilterText}</StyledStartMenuNoResults>\n        ) : null}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"file":"StartMenu.js"}

package/dist/cjs/components/Filter/Styles.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledStartMenuTitle = exports.StyledStartMenuNoResults = exports.StyledStartMenuListItem = exports.StyledStartMenuList = exports.StyledStartMenuDot = exports.StyledMenuFooter = exports.StyledMenu = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Menu = require("../Menu");
+
+var _List = require("../List");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
+  displayName: "Styles__StyledMenu",
+  componentId: "sc-lxuoiz-0"
+})(["", " ", ""], {
+  "position": "relative"
+}, {
+  "overflow": "hidden"
+});
+exports.StyledMenu = StyledMenu;
+var StyledMenuFooter = (0, _styledComponents.default)(_Menu.MenuFooter).withConfig({
+  displayName: "Styles__StyledMenuFooter",
+  componentId: "sc-lxuoiz-1"
+})(["", ""], {
+  "justifyContent": "center"
+});
+exports.StyledMenuFooter = StyledMenuFooter;
+var StyledStartMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+  displayName: "Styles__StyledStartMenuList",
+  componentId: "sc-lxuoiz-2"
+})(["", ""], {
+  "paddingTop": "0.5rem",
+  "paddingBottom": "0.5rem"
+});
+exports.StyledStartMenuList = StyledStartMenuList;
+var StyledStartMenuListItem = (0, _styledComponents.default)(_List.ListItem).withConfig({
+  displayName: "Styles__StyledStartMenuListItem",
+  componentId: "sc-lxuoiz-3"
+})(["", ""], {
+  "paddingRight": "0.75rem"
+});
+exports.StyledStartMenuListItem = StyledStartMenuListItem;
+
+var StyledStartMenuTitle = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStartMenuTitle",
+  componentId: "sc-lxuoiz-4"
+})(["", ""], {
+  "flex": "1 1 0%"
+});
+
+exports.StyledStartMenuTitle = StyledStartMenuTitle;
+
+var StyledStartMenuNoResults = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStartMenuNoResults",
+  componentId: "sc-lxuoiz-5"
+})(["", " ", ""], {
+  "paddingTop": "0.125rem",
+  "paddingBottom": "0.125rem"
+}, {
+  "textAlign": "center"
+});
+
+exports.StyledStartMenuNoResults = StyledStartMenuNoResults;
+
+var StyledStartMenuDot = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledStartMenuDot",
+  componentId: "sc-lxuoiz-6"
+})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);
+
+exports.StyledStartMenuDot = StyledStartMenuDot;
+StyledMenu.displayName = "StyledMenu";
+StyledMenuFooter.displayName = "StyledMenuFooter";
+StyledStartMenuList.displayName = "StyledStartMenuList";
+StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
+StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
+StyledStartMenuDot.displayName = "StyledStartMenuDot";
+StyledStartMenuNoResults.displayName = "StyledStartMenuNoResults";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Filter/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Styles.ts"],"names":["StyledMenu","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","styled","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGO,IAAMA,UAAU,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,kBACjB;AAAA;AAAA,CADiB,EAEjB;AAAA;AAAA,CAFiB,CAAhB;;AAKA,IAAMC,gBAAgB,GAAG,+BAAOC,gBAAP,CAAH;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;;AAIA,IAAMC,mBAAmB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aAC1B;AAAA;AAAA;AAAA,CAD0B,CAAzB;;AAIA,IAAMC,uBAAuB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;;;AAIA,IAAMC,oBAAoB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC3B;AAAA;AAAA,CAD2B,CAA1B;;;;AAIA,IAAMC,wBAAwB,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBAC/B;AAAA;AAAA;AAAA,CAD+B,EAE/B;AAAA;AAAA,CAF+B,CAA9B;;;;AAKA,IAAME,kBAAkB,GAAGH,0BAAOI,IAAV;AAAA;AAAA;AAAA,2LAAxB;;;AAYPb,UAAU,CAACc,WAAX,GAAyB,YAAzB;AACAZ,gBAAgB,CAACY,WAAjB,GAA+B,kBAA/B;AACAV,mBAAmB,CAACU,WAApB,GAAkC,qBAAlC;AACAR,uBAAuB,CAACQ,WAAxB,GAAsC,yBAAtC;AACAN,oBAAoB,CAACM,WAArB,GAAmC,sBAAnC;AACAF,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC;AACAH,wBAAwB,CAACG,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, IListItem, List, IList } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<IList>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<IListItem>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Filter/Submenu.js

@@ -0,0 +1,52 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Submenu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Menu = require("../Menu");
+
+var _Button = require("../Button");
+
+var _Icons = require("../Icons");
+
+var _utils = require("../../utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Submenu = function Submenu(_ref) {
+  var onBack = _ref.onBack,
+      onHeightChange = _ref.onHeightChange,
+      style = _ref.style,
+      children = _ref.children,
+      title = _ref.title;
+  var ref = (0, _react.useRef)(null);
+  var dimensions = (0, _utils.useResizeObserver)(ref);
+  var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+  (0, _react.useEffect)(function () {
+    if (height && height > 0) {
+      onHeightChange(height);
+    }
+  }, [height, onHeightChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, {
+    title: title,
+    leftElement: /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: onBack,
+      variant: "text gray",
+      size: "small"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowLeftIcon, null))
+  }), children);
+};
+
+exports.Submenu = Submenu;
+//# sourceMappingURL=Submenu.js.map

package/dist/cjs/components/Filter/Submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Submenu.tsx"],"names":["Submenu","onBack","onHeightChange","style","children","title","ref","dimensions","height"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAQO,IAAMA,OAA0D,GAAG,SAA7DA,OAA6D,OAMpE;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;AACA,MAAMC,UAAU,GAAG,8BAAkBD,GAAlB,CAAnB;AACA,MAAME,MAAM,GAAGD,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEC,MAA3B;AAEA,wBAAU,YAAM;AACd,QAAIA,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBN,MAAAA,cAAc,CAACM,MAAD,CAAd;AACD;AACF,GAJD,EAIG,CAACA,MAAD,EAASN,cAAT,CAJH;AAMA,sBACE;AAAK,IAAA,KAAK,EAAEC,KAAZ;AAAmB,IAAA,GAAG,EAAEG;AAAxB,kBACE,6BAAC,gBAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,WAAW,eACT,6BAAC,cAAD;AAAQ,MAAA,OAAO,EAAEJ,MAAjB;AAAyB,MAAA,OAAO,EAAC,WAAjC;AAA6C,MAAA,IAAI,EAAC;AAAlD,oBACE,6BAAC,oBAAD,OADF;AAHJ,IADF,EASGG,QATH,CADF;AAaD,CA9BM","sourcesContent":["import React, { useRef, useEffect, FC, HTMLAttributes } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { Button } from \"../Button\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange: (height: number) => void;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <Button onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </Button>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"file":"Submenu.js"}

package/dist/cjs/components/Filter/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Filter = require("./Filter");
+
+Object.keys(_Filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Filter[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Filter/index.js.map

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

package/dist/cjs/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["ListItem","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBACtB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,sBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BD,SAA1B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBqB,CAAjB;;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\ninterface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["ListItem","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBACtB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,sBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BD,SAA1B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBqB,CAAjB;;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}

package/dist/cjs/components/Menu/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["MenuFooter","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BD,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBuB,CAAnB;;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}
+{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["MenuFooter","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BD,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBuB,CAAnB;;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}