@kaizen/components 1.24.2 → 1.26.0

package/dist/esm/ErrorPage/ErrorPage.mjs

@@ -0,0 +1,93 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { useIntl, FormattedMessage } from '@cultureamp/i18n-react-intl';
+import classnames from 'classnames';
+import { BrandMomentError } from '@kaizen/draft-illustration';
+import { Paragraph } from '@kaizen/typography';
+import { BrandMoment } from '../BrandMoment/BrandMoment.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { ArrowRightIcon } from '../Icon/ArrowRightIcon.mjs';
+import { EmailIcon } from '../Icon/EmailIcon.mjs';
+import { useErrorMessages } from './hooks/useErrorMessages.mjs';
+import styles from './ErrorPage.module.scss.mjs';
+var getMailToHref = function (code) {
+  var supportEmail = "support@cultureamp.com";
+  var subject = "Houston we have a problem";
+  var body = "Hi there,\n\nI received a ".concat(code, " error page while I was trying to...");
+  return encodeURI("mailto:".concat(supportEmail, "?subject=").concat(subject, "&body=").concat(body));
+};
+var HOME_HREF = "/app/home";
+const ErrorPage = /*#__PURE__*/function () {
+  const ErrorPage = function (_a) {
+    var code = _a.code,
+      title = _a.title,
+      message = _a.message,
+      callToAction = _a.callToAction,
+      classNameOverride = _a.classNameOverride;
+    var formatMessage = useIntl().formatMessage;
+    var content = useErrorMessages(code);
+    var actions = {
+      primary: {
+        href: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) || HOME_HREF
+      },
+      secondary: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.onContactSupport) ? {
+        onClick: callToAction.onContactSupport
+      } : {
+        href: getMailToHref(code)
+      }
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(classNameOverride)
+    }, /*#__PURE__*/React.createElement(BrandMoment, {
+      header: /*#__PURE__*/React.createElement(React.Fragment, null),
+      body: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles.paragraphPadding
+      }, /*#__PURE__*/React.createElement(Paragraph, {
+        variant: "intro-lede"
+      }, message || content.message)), /*#__PURE__*/React.createElement(Paragraph, {
+        color: "dark-reduced-opacity",
+        variant: "small"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "kzErrorPage.errorCode",
+        defaultMessage: "Error code {code}",
+        values: {
+          code: code
+        }
+      }))),
+      illustration: /*#__PURE__*/React.createElement(BrandMomentError, {
+        isAnimated: true,
+        loop: true
+      }),
+      mood: "negative",
+      primaryAction: __assign(__assign({}, actions.primary), {
+        icon: /*#__PURE__*/React.createElement(ArrowRightIcon, {
+          role: "presentation"
+        }),
+        iconPosition: "end",
+        label: formatMessage({
+          id: "kzErrorPage.goToHome",
+          defaultMessage: "Go to Home",
+          description: "Home button label"
+        })
+      }),
+      secondaryAction: __assign(__assign({}, actions.secondary), {
+        icon: /*#__PURE__*/React.createElement(EmailIcon, {
+          role: "presentation"
+        }),
+        label: formatMessage({
+          id: "kzErrorPage",
+          defaultMessage: "Contact support",
+          description: "Label for contact button"
+        })
+      }),
+      text: {
+        title: title || content.title
+      }
+    }));
+  };
+  ErrorPage.displayName = "ErrorPage";
+  return ErrorPage;
+}();
+export { ErrorPage };
+//# sourceMappingURL=ErrorPage.mjs.map

package/dist/esm/ErrorPage/ErrorPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.mjs","sources":["../../../src/ErrorPage/ErrorPage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { FormattedMessage, useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classNames from \"classnames\"\nimport { BrandMomentError } from \"@kaizen/draft-illustration\"\nimport { Paragraph } from \"@kaizen/typography\"\nimport { BrandMoment } from \"~components/BrandMoment\"\nimport { ArrowRightIcon, EmailIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { ErrorStatuses, useErrorMessages } from \"./hooks\"\nimport styles from \"./ErrorPage.module.scss\"\n\nconst getMailToHref = (code: ErrorStatuses): string => {\n  const supportEmail = \"support@cultureamp.com\"\n  const subject = \"Houston we have a problem\"\n  const body = `Hi there,\\n\\nI received a ${code} error page while I was trying to...`\n  return encodeURI(`mailto:${supportEmail}?subject=${subject}&amp;body=${body}`)\n}\n\nconst HOME_HREF = \"/app/home\"\n\nexport type ErrorPageProps = {\n  code: ErrorStatuses\n  title?: string\n  message?: React.ReactNode | string\n  callToAction?: {\n    onContactSupport: () => void\n    homeHref?: string\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const ErrorPage = ({\n  code,\n  title,\n  message,\n  callToAction,\n  classNameOverride,\n}: ErrorPageProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  const content = useErrorMessages(code)\n\n  const actions = {\n    primary: { href: callToAction?.homeHref || HOME_HREF },\n    secondary: callToAction?.onContactSupport\n      ? { onClick: callToAction.onContactSupport }\n      : { href: getMailToHref(code) },\n  }\n\n  return (\n    <div className={classNames(classNameOverride)}>\n      <BrandMoment\n        header={<></>}\n        body={\n          <>\n            <div className={styles.paragraphPadding}>\n              <Paragraph variant=\"intro-lede\">\n                {message || content.message}\n              </Paragraph>\n            </div>\n            <Paragraph color=\"dark-reduced-opacity\" variant=\"small\">\n              <FormattedMessage\n                id=\"kzErrorPage.errorCode\"\n                defaultMessage=\"Error code {code}\"\n                values={{ code }}\n              />\n            </Paragraph>\n          </>\n        }\n        illustration={<BrandMomentError isAnimated loop />}\n        mood=\"negative\"\n        primaryAction={{\n          ...actions.primary,\n          icon: <ArrowRightIcon role=\"presentation\" />,\n          iconPosition: \"end\",\n          label: formatMessage({\n            id: \"kzErrorPage.goToHome\",\n            defaultMessage: \"Go to Home\",\n            description: \"Home button label\",\n          }),\n        }}\n        secondaryAction={{\n          ...actions.secondary,\n          icon: <EmailIcon role=\"presentation\" />,\n          label: formatMessage({\n            id: \"kzErrorPage\",\n            defaultMessage: \"Contact support\",\n            description: \"Label for contact button\",\n          }),\n        }}\n        text={{\n          title: title || content.title,\n        }}\n      />\n    </div>\n  )\n}\n\nErrorPage.displayName = \"ErrorPage\"\n"],"names":["getMailToHref","code","supportEmail","subject","body","concat","encodeURI","HOME_HREF","ErrorPage","_a","title","message","callToAction","classNameOverride","formatMessage","useIntl","content","useErrorMessages","actions","primary","href","homeHref","secondary","onContactSupport","onClick","React","createElement","className","classNames","BrandMoment","header","Fragment","styles","paragraphPadding","Paragraph","variant","color","FormattedMessage","id","defaultMessage","values","illustration","BrandMomentError","isAnimated","loop","mood","primaryAction","__assign","icon","ArrowRightIcon","role","iconPosition","label","description","secondaryAction","EmailIcon","text","displayName"],"mappings":"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"}

package/dist/esm/ErrorPage/ErrorPage.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "paragraphPadding": "ErrorPage-module_paragraphPadding__-L-qy"
+};
+export { styles as default };
+//# sourceMappingURL=ErrorPage.module.scss.mjs.map

package/dist/esm/ErrorPage/ErrorPage.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs

@@ -0,0 +1,120 @@
+import { useIntl } from '@cultureamp/i18n-react-intl';
+var useErrorMessages = function (code) {
+  var formatMessage = useIntl().formatMessage;
+  var translationsMap = {
+    400: {
+      title: formatMessage({
+        id: "kzErrorPage.400.title",
+        defaultMessage: "Your request has slipped into the void",
+        description: "Heading for page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.400.message",
+        defaultMessage: "Sorry but your request couldn’t be completed. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    401: {
+      title: formatMessage({
+        id: "kzErrorPage.401.title",
+        defaultMessage: "You can't view this page",
+        description: "Main title for page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.401.message",
+        defaultMessage: "Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    403: {
+      title: formatMessage({
+        id: "kzErrorPage.403.title",
+        defaultMessage: "You can't view this page",
+        description: "Main title for page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.403.message",
+        defaultMessage: "Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    404: {
+      title: formatMessage({
+        id: "kzErrorPage.404.title",
+        defaultMessage: "Missing pages are one of life's mysteries",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.404.message",
+        defaultMessage: "Sorry but we can't fing the page you're looking for. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    422: {
+      title: formatMessage({
+        id: "kzErrorPage.422.title",
+        defaultMessage: "Change never comes easy",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.422.message",
+        defaultMessage: "Sorry but your change couldn't be made. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    500: {
+      title: formatMessage({
+        id: "kzErrorPage.500.title",
+        defaultMessage: "Something's gone wrong on our side",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.500",
+        defaultMessage: "Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home",
+        description: "Call to action instructions for the user"
+      })
+    },
+    502: {
+      title: formatMessage({
+        id: "kzErrorPage.502.title",
+        defaultMessage: "You can't view this page",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.502.message",
+        defaultMessage: "Sorry about this. The best thing to do is go back and try again.",
+        description: "Call to action instructions for the user"
+      })
+    },
+    503: {
+      title: formatMessage({
+        id: "kzErrorPage.503.title",
+        defaultMessage: "You can't view this page",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.503.message",
+        defaultMessage: "Sorry about this. The best thing to do is go back and try again.",
+        description: "Call to action instructions for the user"
+      })
+    },
+    504: {
+      title: formatMessage({
+        id: "kzErrorPage.504.title",
+        defaultMessage: "You can't view this page",
+        description: "Main title of page"
+      }),
+      message: formatMessage({
+        id: "kzErrorPage.504.message",
+        defaultMessage: "Sorry about this. The best thing to do is go back and try again.",
+        description: "Call to action instructions for the user"
+      })
+    }
+  };
+  return translationsMap[code] || {
+    title: "",
+    message: ""
+  };
+};
+export { useErrorMessages };
+//# sourceMappingURL=useErrorMessages.mjs.map

package/dist/esm/ErrorPage/hooks/useErrorMessages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorMessages.mjs","sources":["../../../../src/ErrorPage/hooks/useErrorMessages.ts"],"sourcesContent":["import { useIntl } from \"@cultureamp/i18n-react-intl\"\nexport const statusCodes = [\n  \"400\",\n  \"401\",\n  \"403\",\n  \"404\",\n  \"422\",\n  \"500\",\n  \"502\",\n  \"503\",\n  \"504\",\n] as const\n\nexport type ErrorStatuses = (typeof statusCodes)[number]\ntype TranslationMap = Record<ErrorStatuses, { title: string; message: string }>\n\nexport const useErrorMessages = (\n  code: ErrorStatuses\n): TranslationMap[ErrorStatuses] => {\n  const { formatMessage } = useIntl()\n\n  const translationsMap: TranslationMap = {\n    400: {\n      title: formatMessage({\n        id: \"kzErrorPage.400.title\",\n        defaultMessage: \"Your request has slipped into the void\",\n        description: \"Heading for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.400.message\",\n        defaultMessage:\n          \"Sorry but your request couldn’t be completed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    401: {\n      title: formatMessage({\n        id: \"kzErrorPage.401.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.401.message\",\n        defaultMessage:\n          \"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    403: {\n      title: formatMessage({\n        id: \"kzErrorPage.403.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title for page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.403.message\",\n        defaultMessage:\n          \"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    404: {\n      title: formatMessage({\n        id: \"kzErrorPage.404.title\",\n        defaultMessage: \"Missing pages are one of life's mysteries\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.404.message\",\n        defaultMessage:\n          \"Sorry but we can't fing the page you're looking for. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    422: {\n      title: formatMessage({\n        id: \"kzErrorPage.422.title\",\n        defaultMessage: \"Change never comes easy\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.422.message\",\n        defaultMessage:\n          \"Sorry but your change couldn't be made. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    500: {\n      title: formatMessage({\n        id: \"kzErrorPage.500.title\",\n        defaultMessage: \"Something's gone wrong on our side\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.500\",\n        defaultMessage:\n          \"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    502: {\n      title: formatMessage({\n        id: \"kzErrorPage.502.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.502.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    503: {\n      title: formatMessage({\n        id: \"kzErrorPage.503.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.503.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n    504: {\n      title: formatMessage({\n        id: \"kzErrorPage.504.title\",\n        defaultMessage: \"You can't view this page\",\n        description: \"Main title of page\",\n      }),\n      message: formatMessage({\n        id: \"kzErrorPage.504.message\",\n        defaultMessage:\n          \"Sorry about this. The best thing to do is go back and try again.\",\n        description: \"Call to action instructions for the user\",\n      }),\n    },\n  }\n\n  return (\n    translationsMap[code] || {\n      title: \"\",\n      message: \"\",\n    }\n  )\n}\n"],"names":["useErrorMessages","code","formatMessage","useIntl","translationsMap","title","id","defaultMessage","description","message"],"mappings":"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"}

package/dist/esm/FieldGroup/FieldGroup.mjs

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FieldGroup.module.scss.mjs';
+const FieldGroup = /*#__PURE__*/function () {
+  const FieldGroup = function (_a) {
+    var children = _a.children,
+      _b = _a.inline,
+      inline = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.group, classNameOverride, inline && styles.inline)
+    }, restProps), children);
+  };
+  FieldGroup.displayName = "FieldGroup";
+  return FieldGroup;
+}();
+export { FieldGroup };
+//# sourceMappingURL=FieldGroup.mjs.map

package/dist/esm/FieldGroup/FieldGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.mjs","sources":["../../../src/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FieldGroup.module.scss\"\n\nexport type FieldGroupProps = {\n  children?: React.ReactNode\n  inline?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FieldGroup = ({\n  children,\n  inline = false,\n  classNameOverride,\n  ...restProps\n}: FieldGroupProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.group,\n      classNameOverride,\n      inline && styles.inline\n    )}\n    {...restProps}\n  >\n    {children}\n  </div>\n)\n\nFieldGroup.displayName = \"FieldGroup\"\n"],"names":["FieldGroup","_a","children","_b","inline","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","group","displayName"],"mappings":";;;;MAUaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJhB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAc,GAAAF,EAAA,CAAAG,MAAA;MAAdA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACdE,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EAJa,2CAK1B,CADa;IACsB,oBAClCO,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,KAAK,EACZT,iBAAiB,EACjBD,MAAM,IAAIS,MAAM,CAACT,MAAM;IACxB,CAAA,EACGE,SAAS,CAEZ,EAAAJ,QAAQ,CACL;GACP;EAEDF,UAAU,CAACe,WAAW,GAAG,YAAY;EAAA,OAlBxBf,UAAU;AAAA;"}

package/dist/esm/FieldGroup/FieldGroup.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "group": "FieldGroup-module_group__74Z9M",
+  "inline": "FieldGroup-module_inline__K7D9L"
+};
+export { styles as default };
+//# sourceMappingURL=FieldGroup.module.scss.mjs.map

package/dist/esm/FieldGroup/FieldGroup.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/FieldMessage/FieldMessage.mjs

@@ -0,0 +1,46 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { CautionWhiteIcon } from '../Icon/CautionWhiteIcon.mjs';
+import { ExclamationWhiteIcon } from '../Icon/ExclamationWhiteIcon.mjs';
+import { Text } from '../Text/Text.mjs';
+import styles from './FieldMessage.module.scss.mjs';
+const FieldMessage = /*#__PURE__*/function () {
+  const FieldMessage = function (_a) {
+    var message = _a.message,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      _c = _a.position,
+      position = _c === void 0 ? "bottom" : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
+    var textColor = status === "default" || status === "success" ? reversed ? "white-reduced-opacity" : "dark-reduced-opacity" : "dark";
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === "bottom" && styles.positionBottom, position === "top" && styles.positionTop)
+    }, restProps), (status === "error" || status === "caution") && /*#__PURE__*/React.createElement("span", {
+      className: styles.warningIcon
+    }, status === "error" ? /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+      role: "img",
+      inheritSize: false,
+      "aria-label": "".concat(status, " message")
+    }) : /*#__PURE__*/React.createElement(CautionWhiteIcon, {
+      role: "img",
+      inheritSize: false,
+      "aria-label": "".concat(status, " message")
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles.message
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "small",
+      tag: typeof message === "string" ? "p" : "div",
+      color: textColor
+    }, message)));
+  };
+  FieldMessage.displayName = "FieldMessage";
+  return FieldMessage;
+}();
+export { FieldMessage };
+//# sourceMappingURL=FieldMessage.mjs.map

package/dist/esm/FieldMessage/FieldMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMessage.mjs","sources":["../../../src/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CautionWhiteIcon, ExclamationWhiteIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FieldMessage.module.scss\"\n\nexport type FieldMessageStatus = \"default\" | \"success\" | \"error\" | \"caution\"\n\nexport type FieldMessageProps = {\n  message?: React.ReactNode\n  /** @default \"default\" */\n  status?: FieldMessageStatus\n  /** @default \"bottom\" */\n  position?: \"top\" | \"bottom\"\n  reversed?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FieldMessage = ({\n  message,\n  status = \"default\",\n  position = \"bottom\",\n  reversed = false,\n  classNameOverride,\n  ...restProps\n}: FieldMessageProps): JSX.Element => {\n  const textColor =\n    status === \"default\" || status === \"success\"\n      ? reversed\n        ? \"white-reduced-opacity\"\n        : \"dark-reduced-opacity\"\n      : \"dark\"\n\n  return (\n    <div\n      className={classnames(\n        styles.message,\n        styles[status],\n        classNameOverride,\n        reversed && styles.reversed,\n        position === \"bottom\" && styles.positionBottom,\n        position === \"top\" && styles.positionTop\n      )}\n      {...restProps}\n    >\n      {(status === \"error\" || status === \"caution\") && (\n        <span className={styles.warningIcon}>\n          {status === \"error\" ? (\n            <ExclamationWhiteIcon\n              role=\"img\"\n              inheritSize={false}\n              aria-label={`${status} message`}\n            />\n          ) : (\n            <CautionWhiteIcon\n              role=\"img\"\n              inheritSize={false}\n              aria-label={`${status} message`}\n            />\n          )}\n        </span>\n      )}\n      <div className={styles.message}>\n        <Text\n          variant=\"small\"\n          tag={typeof message === \"string\" ? \"p\" : \"div\"}\n          color={textColor}\n        >\n          {message}\n        </Text>\n      </div>\n    </div>\n  )\n}\n\nFieldMessage.displayName = \"FieldMessage\"\n"],"names":["FieldMessage","_a","message","_b","status","_c","position","_d","reversed","classNameOverride","restProps","__rest","textColor","React","createElement","__assign","className","classnames","styles","positionBottom","positionTop","warningIcon","ExclamationWhiteIcon","role","inheritSize","concat","CautionWhiteIcon","Text","variant","tag","color","displayName"],"mappings":";;;;;;;;;MAkBaA,YAAY;EAAA,MAAZA,YAAY,GAAG,SAAAA,CAACC,EAOT,EAAA;IANlB,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,EAAA,GAAAF,EAAA,CAAAG,MAAkB;MAAlBA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MAClBE,EAAmB,GAAAJ,EAAA,CAAAK,QAAA;MAAnBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAAA,EAAA;MACnBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAV,EAAA,EANe,kEAO5B,CADa;IAEZ,IAAMW,SAAS,GACbR,MAAM,KAAK,SAAS,IAAIA,MAAM,KAAK,SAAS,GACxCI,QAAQ,GACN,uBAAuB,GACvB,sBAAsB,GACxB,MAAM;IAEZ,oBACEK,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAAChB,OAAO,EACdgB,MAAM,CAACd,MAAM,CAAC,EACdK,iBAAiB,EACjBD,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAC3BF,QAAQ,KAAK,QAAQ,IAAIY,MAAM,CAACC,cAAc,EAC9Cb,QAAQ,KAAK,KAAK,IAAIY,MAAM,CAACE,WAAW;IACzC,GACGV,SAAS,CAAA,EAEZ,CAACN,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,SAAS,kBAC1CS,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACG;IAAW,CAChC,EAAAjB,MAAM,KAAK,OAAO,gBACjBS,KAAC,CAAAC,aAAA,CAAAQ,oBAAoB,EACnB;MAAAC,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;IAAU,CAC/B,CAAA,gBAEFS,KAAC,CAAAC,aAAA,CAAAY,gBAAgB,EACf;MAAAH,IAAI,EAAC,KAAK;MACVC,WAAW,EAAE,KAAK;MACN,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAGrB,MAAM,EAAA,UAAA;KACrB,CACH,CAEJ,eACDS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAAChB;IAAO,CAAA,eAC5BW,KAAA,CAAAC,aAAA,CAACa,IAAI,EAAA;MACHC,OAAO,EAAC,OAAO;MACfC,GAAG,EAAE,OAAO3B,OAAO,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK;MAC9C4B,KAAK,EAAElB;IAAS,CAAA,EAEfV,OAAO,CACH,CACH,CACF;EAEV,CAAC;EAEDF,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAzD5B/B,YAAY;AAAA;"}

package/dist/esm/FieldMessage/FieldMessage.module.scss.mjs

@@ -0,0 +1,12 @@
+var styles = {
+  "message": "FieldMessage-module_message__bKbYp",
+  "default": "FieldMessage-module_default__tpp8j",
+  "reversed": "FieldMessage-module_reversed__FCi8c",
+  "error": "FieldMessage-module_error__OxUCB",
+  "caution": "FieldMessage-module_caution__EPqo4",
+  "positionBottom": "FieldMessage-module_positionBottom__rLWzS",
+  "positionTop": "FieldMessage-module_positionTop__8Hjpb",
+  "warningIcon": "FieldMessage-module_warningIcon__0y1jx"
+};
+export { styles as default };
+//# sourceMappingURL=FieldMessage.module.scss.mjs.map

package/dist/esm/FieldMessage/FieldMessage.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMessage.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/esm/Filter/Filter.mjs

@@ -0,0 +1,56 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useRef, useEffect } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { FilterPopover } from './subcomponents/FilterPopover/FilterPopover.mjs';
+const Filter = /*#__PURE__*/function () {
+  const Filter = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var children = _a.children,
+      isOpen = _a.isOpen,
+      setIsOpen = _a.setIsOpen,
+      renderTrigger = _a.renderTrigger,
+      classNameOverride = _a.classNameOverride,
+      onMount = _a.onMount,
+      restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
+    var _g = useState(false),
+      isRefLoaded = _g[0],
+      setIsRefLoaded = _g[1];
+    var trigger = renderTrigger({
+      onClick: function () {
+        return setIsOpen(!isOpen);
+      },
+      isOpen: isOpen
+    });
+    var inbuiltButtonRef = useRef(null);
+    var inbuiltRef = useRef({
+      triggerRef: inbuiltButtonRef
+    });
+    var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
+    useEffect(function () {
+      var _a, _b;
+      if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
+        setIsRefLoaded(true);
+        onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
+      }
+    }, [(_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current, onMount]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classNameOverride
+    }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
+      ref: filterButtonRef
+    }), isRefLoaded && isOpen && /*#__PURE__*/React.createElement(FocusOn, {
+      scrollLock: false,
+      onClickOutside: function () {
+        return setIsOpen(false);
+      },
+      onEscapeKey: function () {
+        return setIsOpen(false);
+      }
+    }, /*#__PURE__*/React.createElement(FilterPopover, {
+      referenceElement: ((_f = (_e = filterButtonRef.current) === null || _e === void 0 ? void 0 : _e.triggerRef) === null || _f === void 0 ? void 0 : _f.current) || null
+    }, children)));
+  };
+  Filter.displayName = "Filter";
+  return Filter;
+}();
+export { Filter };
+//# sourceMappingURL=Filter.mjs.map

package/dist/esm/Filter/Filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.mjs","sources":["../../../src/Filter/Filter.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { FilterPopover } from \"./subcomponents/FilterPopover\"\nimport { FilterTriggerRef } from \"./types\"\n\nexport type FilterProps = {\n  children: React.ReactNode\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  renderTrigger: (triggerProps: {\n    onClick: () => void\n    isOpen: boolean\n  }) => JSX.Element & { ref?: React.RefObject<FilterTriggerRef> }\n  onMount?: (triggerRef: React.RefObject<HTMLButtonElement>) => void\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Filter = ({\n  children,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  classNameOverride,\n  onMount,\n  ...restProps\n}: FilterProps): JSX.Element => {\n  const [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n  const trigger = renderTrigger({\n    onClick: (): void => setIsOpen(!isOpen),\n    isOpen,\n  })\n\n  const inbuiltButtonRef = useRef<HTMLButtonElement>(null)\n  const inbuiltRef = useRef<FilterTriggerRef>({\n    triggerRef: inbuiltButtonRef,\n  })\n  const filterButtonRef = trigger.ref ?? inbuiltRef\n\n  useEffect(() => {\n    if (filterButtonRef.current?.triggerRef?.current) {\n      setIsRefLoaded(true)\n      onMount?.(filterButtonRef.current.triggerRef)\n    }\n  }, [filterButtonRef.current?.triggerRef?.current, onMount])\n\n  return (\n    <div className={classNameOverride} {...restProps}>\n      {React.cloneElement(trigger, {\n        ref: filterButtonRef,\n      })}\n      {isRefLoaded && isOpen && (\n        <FocusOn\n          scrollLock={false}\n          onClickOutside={(): void => setIsOpen(false)}\n          onEscapeKey={(): void => setIsOpen(false)}\n        >\n          <FilterPopover\n            referenceElement={\n              filterButtonRef.current?.triggerRef?.current || null\n            }\n          >\n            {children}\n          </FilterPopover>\n        </FocusOn>\n      )}\n    </div>\n  )\n}\n\nFilter.displayName = \"Filter\"\n"],"names":["Filter","_a","children","isOpen","setIsOpen","renderTrigger","classNameOverride","onMount","restProps","__rest","_g","useState","isRefLoaded","setIsRefLoaded","trigger","onClick","inbuiltButtonRef","useRef","inbuiltRef","triggerRef","filterButtonRef","_b","ref","useEffect","current","_d","_c","React","createElement","__assign","className","cloneElement","FocusOn","scrollLock","onClickOutside","onEscapeKey","FilterPopover","referenceElement","_f","_e","displayName"],"mappings":"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"}

package/dist/esm/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -0,0 +1,18 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FilterContents.module.scss.mjs';
+const FilterContents = /*#__PURE__*/function () {
+  const FilterContents = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.filterContents, classNameOverride)
+    }, restProps), children);
+  };
+  FilterContents.displayName = "FilterContents";
+  return FilterContents;
+}();
+export { FilterContents };
+//# sourceMappingURL=FilterContents.mjs.map

package/dist/esm/Filter/subcomponents/FilterContents/FilterContents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContents.mjs","sources":["../../../../../src/Filter/subcomponents/FilterContents/FilterContents.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FilterContents.module.scss\"\n\nexport type FilterContentsProps = {\n  children: React.ReactNode\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterContents = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: FilterContentsProps): JSX.Element => (\n  <div\n    className={classnames(styles.filterContents, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </div>\n)\n\nFilterContents.displayName = \"FilterContents\"\n"],"names":["FilterContents","_a","children","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","filterContents","displayName"],"mappings":";;;;MASaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHiBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI9B,CADa;IAC0B,oBACtCK,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,cAAc,EAAET,iBAAiB;IAAC,CAC3D,EAAAC,SAAS,GAEZF,QAAQ,CACL;GACP;EAEDF,cAAc,CAACa,WAAW,GAAG,gBAAgB;EAAA,OAbhCb,cAAc;AAAA;"}

package/dist/esm/Filter/subcomponents/FilterContents/FilterContents.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "filterContents": "FilterContents-module_filterContents__TeYuo"
+};
+export { styles as default };
+//# sourceMappingURL=FilterContents.module.scss.mjs.map

package/dist/esm/Filter/subcomponents/FilterContents/FilterContents.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContents.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { usePopper } from 'react-popper';
+import styles from './FilterPopover.module.scss.mjs';
+const FilterPopover = /*#__PURE__*/function () {
+  const FilterPopover = function (_a) {
+    var children = _a.children,
+      referenceElement = _a.referenceElement,
+      popperOptions = _a.popperOptions,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+    var _b = useState(null),
+      popperElement = _b[0],
+      setPopperElement = _b[1];
+    var _c = usePopper(referenceElement, popperElement, __assign({
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 15]
+          }
+        }],
+        placement: "bottom-start"
+      }, popperOptions)),
+      popperStyles = _c.styles,
+      popperAttributes = _c.attributes;
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: setPopperElement,
+      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+      className: classnames(styles.filterPopover, classNameOverride),
+      role: "dialog",
+      "aria-modal": "true"
+    }, restProps), children);
+  };
+  FilterPopover.displayName = "FilterPopover";
+  return FilterPopover;
+}();
+export { FilterPopover };
+//# sourceMappingURL=FilterPopover.mjs.map

package/dist/esm/Filter/subcomponents/FilterPopover/FilterPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.mjs","sources":["../../../../../src/Filter/subcomponents/FilterPopover/FilterPopover.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport { Options } from \"@popperjs/core\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FilterPopover.module.scss\"\n\nexport type FilterPopoverProps = {\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n  popperOptions?: Partial<Options>\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const FilterPopover = ({\n  children,\n  referenceElement,\n  popperOptions,\n  classNameOverride,\n  ...restProps\n}: FilterPopoverProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n\n  const { styles: popperStyles, attributes: popperAttributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 15],\n          },\n        },\n      ],\n      placement: \"bottom-start\",\n      ...popperOptions,\n    }\n  )\n\n  return (\n    <div\n      ref={setPopperElement}\n      style={popperStyles?.popper}\n      {...popperAttributes?.popper}\n      className={classnames(styles.filterPopover, classNameOverride)}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n}\n\nFilterPopover.displayName = \"FilterPopover\"\n"],"names":["FilterPopover","_a","children","referenceElement","popperOptions","classNameOverride","restProps","__rest","_b","useState","popperElement","setPopperElement","_c","usePopper","__assign","modifiers","name","options","offset","placement","popperStyles","styles","popperAttributes","attributes","React","ref","style","popper","className","classnames","filterPopover","role","displayName"],"mappings":";;;;;MAaaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAMT,EAAA;IALnB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,gBAAgB,sBAAA;MAChBC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EALgB,sEAM7B,CADa;IAEN,IAAAO,EAAA,GAAoCC,QAAQ,CAChD,IAAI,CACL;MAFMC,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAErC;IAEK,IAAAI,EAAA,GAAyDC,SAAS,CACtEV,gBAAgB,EAChBO,aAAa,EAAAI,QAAA,CAAA;QAEXC,SAAS,EAAE,CACT;UACEC,IAAI,EAAE,QAAQ;UACdC,OAAO,EAAE;YACPC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;UACf;QACF,CAAA,CACF;QACDC,SAAS,EAAE;OAAc,EACtBf,aAAa,CAAA,CAEnB;MAfegB,YAAY,GAAAR,EAAA,CAAAS,MAAA;MAAcC,gBAAgB,GAAAV,EAAA,CAAAW,UAezD;IAED,oBACEC;MACEC,GAAG,EAAEd,gBAAgB;MACrBe,KAAK,EAAEN,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEO;IAAM,CAAA,EACvBL,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,KAAhB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAEK,MAAM;MAC5BC,SAAS,EAAEC,UAAU,CAACR,MAAM,CAACS,aAAa,EAAEzB,iBAAiB,CAAC;MAC9D0B,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbzB,SAAS,CAEZ,EAAAJ,QAAQ,CACL;EAEV,CAAC;EAEDF,aAAa,CAACgC,WAAW,GAAG,eAAe;EAAA,OA3C9BhC,aAAa;AAAA;"}

package/dist/esm/Filter/subcomponents/FilterPopover/FilterPopover.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "filterPopover": "FilterPopover-module_filterPopover__KUS4q"
+};
+export { styles as default };
+//# sourceMappingURL=FilterPopover.module.scss.mjs.map

package/dist/esm/Filter/subcomponents/FilterPopover/FilterPopover.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/FilterBar/FilterBar.mjs

@@ -0,0 +1,47 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { FilterBarProvider } from './context/FilterBarContext.mjs';
+import { FilterBarDatePicker } from './subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs';
+import { FilterBarDateRangePicker } from './subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs';
+import { FilterBarMultiSelect } from './subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs';
+import { FilterBarSelect } from './subcomponents/FilterBarSelect/FilterBarSelect.mjs';
+import { AddFiltersMenu } from './subcomponents/AddFiltersMenu/AddFiltersMenu.mjs';
+import { ClearAllButton } from './subcomponents/ClearAllButton/ClearAllButton.mjs';
+import styles from './FilterBar.module.scss.mjs';
+const FilterBar = /*#__PURE__*/function () {
+  const FilterBar = function (_a) {
+    var filters = _a.filters,
+      classNameOverride = _a.classNameOverride,
+      providerProps = __rest(_a, ["filters", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement(FilterBarProvider, __assign({
+      filters: filters
+    }, providerProps), function (activeFilters) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames(styles.filterBar, classNameOverride)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.filtersContainer
+      }, Object.values(activeFilters).map(function (_a) {
+        var id = _a.id,
+          Component = _a.Component;
+        return (
+          /*#__PURE__*/
+          // `id` will always be `string`, but keyof ValuesMap transformed it
+          React.createElement(React.Fragment, {
+            key: id
+          }, /*#__PURE__*/React.cloneElement(Component, {
+            id: id
+          }))
+        );
+      }), /*#__PURE__*/React.createElement(AddFiltersMenu, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ClearAllButton, null)));
+    });
+  };
+  FilterBar.displayName = "FilterBar";
+  FilterBar.DatePicker = FilterBarDatePicker;
+  FilterBar.DateRangePicker = FilterBarDateRangePicker;
+  FilterBar.MultiSelect = FilterBarMultiSelect;
+  FilterBar.Select = FilterBarSelect;
+  return FilterBar;
+}();
+export { FilterBar };
+//# sourceMappingURL=FilterBar.mjs.map

package/dist/esm/FilterBar/FilterBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.mjs","sources":["../../../src/FilterBar/FilterBar.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FilterBarProvider,\n  FilterBarProviderProps,\n} from \"./context/FilterBarContext\"\nimport {\n  FilterBarDatePicker,\n  FilterBarDateRangePicker,\n  FilterBarMultiSelect,\n  FilterBarSelect,\n} from \"./subcomponents\"\nimport { AddFiltersMenu } from \"./subcomponents/AddFiltersMenu\"\nimport { ClearAllButton } from \"./subcomponents/ClearAllButton\"\nimport { FiltersValues } from \"./types\"\nimport styles from \"./FilterBar.module.scss\"\n\nexport type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<\n  Omit<FilterBarProviderProps<ValuesMap>, \"children\">\n>\n\nexport const FilterBar = <ValuesMap extends FiltersValues>({\n  filters,\n  classNameOverride,\n  ...providerProps\n}: FilterBarProps<ValuesMap>): JSX.Element => (\n  <FilterBarProvider<ValuesMap> filters={filters} {...providerProps}>\n    {(activeFilters): JSX.Element => (\n      <div className={classnames(styles.filterBar, classNameOverride)}>\n        <div className={styles.filtersContainer}>\n          {Object.values(activeFilters).map(({ id, Component }) => (\n            // `id` will always be `string`, but keyof ValuesMap transformed it\n            <React.Fragment key={id as string}>\n              {React.cloneElement(Component, { id })}\n            </React.Fragment>\n          ))}\n          <AddFiltersMenu />\n        </div>\n\n        <div>\n          <ClearAllButton />\n        </div>\n      </div>\n    )}\n  </FilterBarProvider>\n)\n\nFilterBar.displayName = \"FilterBar\"\n\nFilterBar.DatePicker = FilterBarDatePicker\nFilterBar.DateRangePicker = FilterBarDateRangePicker\nFilterBar.MultiSelect = FilterBarMultiSelect\nFilterBar.Select = FilterBarSelect\n"],"names":["FilterBar","_a","filters","classNameOverride","providerProps","__rest","React","createElement","FilterBarProvider","__assign","activeFilters","className","classnames","styles","filterBar","filtersContainer","Object","values","map","id","Component","Fragment","key","cloneElement","AddFiltersMenu","ClearAllButton","displayName","DatePicker","FilterBarDatePicker","DateRangePicker","FilterBarDateRangePicker","MultiSelect","FilterBarMultiSelect","Select","FilterBarSelect"],"mappings":";;;;;;;;;;;MAsBaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAAkCC,EAI/B,EAAA;IAH1B,IAAAC,OAAO,aAAA;MACPC,iBAAiB,uBAAA;MACdC,aAAa,GAHyCC,MAAA,CAAAJ,EAAA,EAAA,CAAA,SAAA,EAAA,mBAAA,CAI1D,CADiB;IAC4B,oBAC5CK,KAAC,CAAAC,aAAA,CAAAC,iBAAiB,EAAYC,QAAA,CAAA;MAAAP,OAAO,EAAEA;IAAO,CAAA,EAAME,aAAa,CAAA,EAC9D,UAACM,aAAa;MAAkB,oBAC/BJ,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAAI,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,SAAS,EAAEX,iBAAiB;MAAC,CAAA,eAC7DG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKI,SAAS,EAAEE,MAAM,CAACE;MAAgB,CAAA,EACpCC,MAAM,CAACC,MAAM,CAACP,aAAa,CAAC,CAACQ,GAAG,CAAC,UAACjB,EAAiB,EAAA;YAAfkB,EAAE,GAAAlB,EAAA,CAAAkB,EAAA;UAAEC,SAAS,GAAAnB,EAAA,CAAAmB,SAAA;QAAO;UAAA;;UAEvDd,KAAC,CAAAC,aAAA,CAAAD,KAAK,CAACe,QAAQ,EAAA;YAACC,GAAG,EAAEH;UAAY,gBAC9Bb,KAAK,CAACiB,YAAY,CAACH,SAAS,EAAE;YAAED,EAAE;UAAA,CAAE,CAAC;QACvB;MAJsC,CAKxD,CAAC,eACFb,KAAC,CAAAC,aAAA,CAAAiB,cAAc,OAAG,CACd,eAENlB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,KAAC,CAAAC,aAAA,CAAAkB,cAAc,OAAG,CACd,CACF;IAfyB,CAgBhC,CACiB;GACrB;EAEDzB,SAAS,CAAC0B,WAAW,GAAG,WAAW;EAEnC1B,SAAS,CAAC2B,UAAU,GAAGC,mBAAmB;EAC1C5B,SAAS,CAAC6B,eAAe,GAAGC,wBAAwB;EACpD9B,SAAS,CAAC+B,WAAW,GAAGC,oBAAoB;EAC5ChC,SAAS,CAACiC,MAAM,GAAGC,eAAe;EAAA,OA/BrBlC,SAAS;AAAA;"}

package/dist/esm/FilterBar/FilterBar.module.scss.mjs

@@ -0,0 +1,6 @@
+var styles = {
+  "filterBar": "FilterBar-module_filterBar__qMeNj",
+  "filtersContainer": "FilterBar-module_filtersContainer__AlFGD"
+};
+export { styles as default };
+//# sourceMappingURL=FilterBar.module.scss.mjs.map

package/dist/esm/FilterBar/FilterBar.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}