@activecollab/components 1.0.152 → 1.0.153

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledOption","Option","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAKEC,WALF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AA0BA,OAAO,IAAMC,MAAM,gBAAGJ,UAAU,CAC9B,gBAUEK,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,0BAHDC,OAGC;AAAA,MAHDA,OAGC,6BAHS;AAAA,WAAM,IAAN;AAAA,GAGT;AACH,MAAMC,kBAAkB,GAAGZ,WAAW,CAAC,YAAM;AAC3C,QAAIU,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJqC,EAInC,CAACK,YAAD,EAAeL,EAAf,CAJmC,CAAtC;AAMA,sBACE,oBAAC,YAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEM,kBAHhB;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,UAAD,EAAaO,SAAb,CAJvB;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,OAAO,EAAEI;AANX,KAQGF,YAAY,GAAGA,YAAH,GAAkBH,IARjC,CADF;AAYD,CA/B6B,CAAzB;AAkCPH,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}
+{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["React","forwardRef","useCallback","classnames","StyledOption","Option","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAKEC,WALF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AA4BA,OAAO,IAAMC,MAAM,gBAAGJ,UAAU,CAC9B,gBAUEK,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,0BAHDC,OAGC;AAAA,MAHDA,OAGC,6BAHS;AAAA,WAAM,IAAN;AAAA,GAGT;AACH,MAAMC,kBAAkB,GAAGZ,WAAW,CAAC,YAAM;AAC3C,QAAIU,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJqC,EAInC,CAACK,YAAD,EAAeL,EAAf,CAJmC,CAAtC;AAMA,sBACE,oBAAC,YAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEM,kBAHhB;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,UAAD,EAAaO,SAAb,CAJvB;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,OAAO,EAAEI;AANX,KAQGF,YAAY,GAAGA,YAAH,GAAkBH,IARjC,CADF;AAYD,CA/B6B,CAAzB;AAkCPH,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}

package/dist/esm/components/Select/OptionContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,oEAOtC,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAU5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAIhC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,oEAQtC,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAU5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAIhC,CAAC"}

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

@@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
 export var StyledOptionContentWrapper = styled.div.withConfig({
   displayName: "Styles__StyledOptionContentWrapper",
   componentId: "sc-6fiqyy-0"
-})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;"]);
+})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
 StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
 export var StyledOptionIndicator = styled.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,0BAA0B,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,8GAAhC;AASPD,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,qBAAqB,GAAGL,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAP,GAFA,6BAGsBK,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMK,gBAAgB,GAAGT,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACK,SAAN,IACAV,GADA,kBAEWK,KAAK,CAACK,SAFjB,CADA;AAAA,CALyB,CAAtB;AAYPF,gBAAgB,CAACL,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMQ,oBAAoB,GAAGZ,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,wDAA1B;AAMPE,oBAAoB,CAACR,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,0BAA0B,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,0HAAhC;AAUPD,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,qBAAqB,GAAGL,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAP,GAFA,6BAGsBK,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMK,gBAAgB,GAAGT,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACK,SAAN,IACAV,GADA,kBAEWK,KAAK,CAACK,SAFjB,CADA;AAAA,CALyB,CAAtB;AAYPF,gBAAgB,CAACL,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMQ,oBAAoB,GAAGZ,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,wDAA1B;AAMPE,oBAAoB,CAACR,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}

package/dist/esm/components/index.d.ts

@@ -62,4 +62,5 @@ export * from "./Chip";
 export * from "./Trigger";
 export * from "./Dot";
 export * from "./Entity";
+export * from "./Filter";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/esm/components/index.js

@@ -62,4 +62,5 @@ export * from "./Chip";
 export * from "./Trigger";
 export * from "./Dot";
 export * from "./Entity";
+export * from "./Filter";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\n"],"file":"index.js"}

package/dist/index.js

@@ -763,7 +763,7 @@
   };
   Bubble.displayName = "Bubble";
 
-  var StyledMenu$1 = styled__default["default"](Bubble).withConfig({
+  var StyledMenu$2 = styled__default["default"](Bubble).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-8fhkp-0"
   })(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
@@ -779,8 +779,8 @@
   }, function (props) {
     return props.$mode === "tiny" && styled.css(["width:180px;"]);
   });
-  StyledMenu$1.displayName = "StyledMenu";
-  var StyledMenuFooter = styled__default["default"].div.withConfig({
+  StyledMenu$2.displayName = "StyledMenu";
+  var StyledMenuFooter$1 = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMenuFooter",
     componentId: "sc-8fhkp-1"
   })(["", " display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"], {
@@ -790,7 +790,7 @@
     "paddingTop": "0.25rem",
     "paddingBottom": "0.25rem"
   });
-  StyledMenuFooter.displayName = "StyledMenuFooter";
+  StyledMenuFooter$1.displayName = "StyledMenuFooter";
   var StyledMenuHeader = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledMenuHeader",
     componentId: "sc-8fhkp-2"
@@ -895,7 +895,7 @@
       placement: position,
       className: popperClassName,
       tabIndex: -1
-    }, /*#__PURE__*/React__default["default"].createElement(StyledMenu$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(StyledMenu$2, {
       className: classNames__default["default"]("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName, className),
       $mode: mode,
       onMouseDown: onMenuClick
@@ -1165,7 +1165,7 @@
         className = _ref.className,
         props = _objectWithoutProperties(_ref, _excluded$Z);
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, _extends({}, props, {
+    return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
     }), children);
@@ -4747,7 +4747,7 @@
     "cursor": "pointer",
     "textAlign": "center"
   });
-  var StyledMenu = styled__default["default"](Menu).withConfig({
+  var StyledMenu$1 = styled__default["default"](Menu).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-1v8h7mt-1"
   })(["", ""], {
@@ -4796,7 +4796,7 @@
   StyledButtonGroup.displayName = "StyledButtonGroup";
   StyledSpan.displayName = "StyledSpan";
   StyledDiv.displayName = "StyledDiv";
-  StyledMenu.displayName = "StyledMenu";
+  StyledMenu$1.displayName = "StyledMenu";
   StyledButton$1.displayName = "StyledButton";
 
   /**
@@ -5052,7 +5052,7 @@
       $isTargetable: step === "yearly" || !withDatePicker,
       $isRounded: step === "custom",
       style: dateStepperWidth(fromDate, toDate, step)
-    }, withDatePicker ? /*#__PURE__*/React__default["default"].createElement(StyledMenu, {
+    }, withDatePicker ? /*#__PURE__*/React__default["default"].createElement(StyledMenu$1, {
       target: /*#__PURE__*/React__default["default"].createElement(StyledButton$1, {
         type: "button"
       }, /*#__PURE__*/React__default["default"].createElement("span", null, getDateFormatted)),
@@ -7438,7 +7438,7 @@
   var StyledOptionContentWrapper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledOptionContentWrapper",
     componentId: "sc-6fiqyy-0"
-  })(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;"]);
+  })(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
   StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
   var StyledOptionIndicator = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledOptionIndicator",
@@ -11765,6 +11765,289 @@
     Property: EntityProperty
   };
 
+  var Submenu = function Submenu(_ref) {
+    var onBack = _ref.onBack,
+        onHeightChange = _ref.onHeightChange,
+        style = _ref.style,
+        children = _ref.children,
+        title = _ref.title;
+    var ref = React.useRef(null);
+    var dimensions = useResizeObserver$1(ref);
+    var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+    React.useEffect(function () {
+      if (height && height > 0) {
+        onHeightChange(height);
+      }
+    }, [height, onHeightChange]);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      style: style,
+      ref: ref
+    }, /*#__PURE__*/React__default["default"].createElement(MenuHeader, {
+      title: title,
+      leftElement: /*#__PURE__*/React__default["default"].createElement(Button, {
+        onClick: onBack,
+        variant: "text gray",
+        size: "small"
+      }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftIcon$1, null))
+    }), children);
+  };
+
+  var StyledMenu = styled__default["default"](Menu).withConfig({
+    displayName: "Styles__StyledMenu",
+    componentId: "sc-lxuoiz-0"
+  })(["", " ", ""], {
+    "position": "relative"
+  }, {
+    "overflow": "hidden"
+  });
+  var StyledMenuFooter = styled__default["default"](MenuFooter).withConfig({
+    displayName: "Styles__StyledMenuFooter",
+    componentId: "sc-lxuoiz-1"
+  })(["", ""], {
+    "justifyContent": "center"
+  });
+  var StyledStartMenuList = styled__default["default"](List).withConfig({
+    displayName: "Styles__StyledStartMenuList",
+    componentId: "sc-lxuoiz-2"
+  })(["", ""], {
+    "paddingTop": "0.5rem",
+    "paddingBottom": "0.5rem"
+  });
+  var StyledStartMenuListItem = styled__default["default"](ListItem).withConfig({
+    displayName: "Styles__StyledStartMenuListItem",
+    componentId: "sc-lxuoiz-3"
+  })(["", ""], {
+    "paddingRight": "0.75rem"
+  });
+  var StyledStartMenuTitle = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledStartMenuTitle",
+    componentId: "sc-lxuoiz-4"
+  })(["", ""], {
+    "flex": "1 1 0%"
+  });
+  var StyledStartMenuDot = styled__default["default"].span.withConfig({
+    displayName: "Styles__StyledStartMenuDot",
+    componentId: "sc-lxuoiz-5"
+  })(["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;"]);
+  StyledMenu.displayName = "StyledMenu";
+  StyledMenuFooter.displayName = "StyledMenuFooter";
+  StyledStartMenuList.displayName = "StyledStartMenuList";
+  StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
+  StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
+  StyledStartMenuDot.displayName = "StyledStartMenuDot";
+
+  var StartMenu = function StartMenu(_ref) {
+    var data = _ref.data,
+        selected = _ref.selected,
+        onItemClick = _ref.onItemClick,
+        style = _ref.style,
+        onHeightChange = _ref.onHeightChange,
+        children = _ref.children;
+    var ref = React.useRef(null);
+    var dimensions = useResizeObserver$1(ref);
+    var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+    React.useEffect(function () {
+      if (height && height > 0) {
+        onHeightChange(height);
+      }
+    }, [height, onHeightChange]);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      style: style,
+      ref: ref
+    }, /*#__PURE__*/React__default["default"].createElement(StyledStartMenuList, null, 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 && submenu.length) {
+        return /*#__PURE__*/React__default["default"].createElement(StyledStartMenuListItem, {
+          key: "filter-list-item-".concat(index),
+          onClick: function onClick() {
+            return onItemClick(id);
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/React__default["default"].createElement(StyledStartMenuDot, null, count) : null, /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null));
+      }
+    }), children));
+  };
+
+  var Filter = function Filter(_ref) {
+    var data = _ref.data,
+        selected = _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,
+        children = _ref.children;
+
+    var _useState = React.useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        open = _useState2[0],
+        setOpen = _useState2[1];
+
+    var _useState3 = React.useState("index"),
+        _useState4 = _slicedToArray(_useState3, 2),
+        menu = _useState4[0],
+        setMenu = _useState4[1];
+
+    var _useState5 = React.useState(true),
+        _useState6 = _slicedToArray(_useState5, 2),
+        isLeft = _useState6[0],
+        setIsLeft = _useState6[1];
+
+    var _useState7 = React.useState(0),
+        _useState8 = _slicedToArray(_useState7, 2),
+        height = _useState8[0],
+        setHeight = _useState8[1];
+
+    var _useState9 = React.useState("index"),
+        _useState10 = _slicedToArray(_useState9, 2),
+        enteredMenu = _useState10[0],
+        setEnteredMenu = _useState10[1];
+
+    var _useState11 = React.useState(function () {
+      return selected;
+    }),
+        _useState12 = _slicedToArray(_useState11, 2),
+        filter = _useState12[0],
+        setFilter = _useState12[1];
+
+    var handleOpen = React.useCallback(function () {
+      setOpen(true);
+    }, []);
+    var handleClose = React.useCallback(function () {
+      setOpen(false);
+      setMenu("index");
+      setHeight(0);
+    }, []);
+    var handleHeight = 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 = React.useCallback(function (value) {
+      setMenu(value);
+      setIsLeft(true);
+    }, []);
+    var setIndex = React.useCallback(function () {
+      setMenu("index");
+      setIsLeft(false);
+    }, []);
+    var handleChange = React.useCallback(function (selectedArray) {
+      var newFilters = {};
+
+      if (selectedArray.length) {
+        newFilters = _objectSpread2(_objectSpread2({}, filter), {}, _defineProperty({}, menu, selectedArray));
+      } else {
+        newFilters = _objectSpread2({}, filter);
+        delete newFilters[menu];
+      }
+
+      setFilter(newFilters);
+      onChange(newFilters);
+    }, [filter, menu, onChange]);
+    var handleClearAll = React.useCallback(function (event) {
+      event.stopPropagation();
+      setFilter({});
+      onChange({});
+    }, [onChange]);
+    var handleReset = React.useCallback(function () {
+      var newFilters = _objectSpread2({}, filter);
+
+      delete newFilters[menu];
+      setFilter(newFilters);
+      onChange(newFilters);
+    }, [filter, menu, onChange]);
+    var count = React.useMemo(function () {
+      var c = 0;
+      Object.values(filter).forEach(function (entry) {
+        return c += entry.length;
+      });
+      return c;
+    }, [filter]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledMenu, {
+      open: open,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      position: "bottom-end",
+      target: /*#__PURE__*/React__default["default"].createElement(CounterButton, {
+        active: open,
+        label: label,
+        icon: /*#__PURE__*/React__default["default"].createElement(FilterIcon$1, null),
+        counter: count,
+        tooltipText: clearAllText,
+        onClearAll: handleClearAll
+      })
+    }, /*#__PURE__*/React__default["default"].createElement(ResizeTransition, {
+      in: true
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        height: height,
+        width: width
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(SlideLeftRightTransition, {
+      in: menu === "index",
+      direction: isLeft ? "left" : "right",
+      onEnter: handleHeight,
+      onEntered: function onEntered() {
+        return setEnteredMenu("index");
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FocusLock.MoveFocusInside, null, /*#__PURE__*/React__default["default"].createElement(StartMenu, {
+      data: data,
+      selected: filter,
+      style: {
+        width: width
+      },
+      onHeightChange: setHeight,
+      onItemClick: handleItemClick
+    }, children))), 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["default"].createElement(SlideLeftRightTransition, {
+        key: "filter-submenu-".concat(index),
+        in: menu === id,
+        direction: isLeft ? "left" : "right",
+        onEnter: handleHeight,
+        onEntered: function onEntered() {
+          return setEnteredMenu(id);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Submenu, {
+        title: title,
+        onBack: setIndex,
+        onHeightChange: setHeight,
+        style: {
+          width: width
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(FocusLock.MoveFocusInside, {
+        disabled: enteredMenu !== id
+      }, /*#__PURE__*/React__default["default"].createElement(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["default"].createElement(StyledMenuFooter, null, /*#__PURE__*/React__default["default"].createElement(Button, {
+        variant: "text colored",
+        size: "small",
+        onClick: handleReset
+      }, resetLabel)) : null)));
+    }))));
+  };
+
   exports.Accordion = Accordion;
   exports.AccordionContext = AccordionContext;
   exports.AccordionItem = AccordionItem;
@@ -11876,6 +12159,7 @@
   exports.EyeOffSmallIcon = EyeOffSmallIcon$1;
   exports.EyeSmallIcon = EyeSmallIcon$1;
   exports.Fade = Fade;
+  exports.Filter = Filter;
   exports.FilterIcon = FilterIcon$1;
   exports.FolderIcon = FolderIcon$1;
   exports.FolderMoveIcon = FolderMoveIcon$1;