@bigbinary/neeto-molecules 3.15.43 → 3.15.44

package/dist/SubscriptionNotificationsContainer.js

@@ -0,0 +1,77 @@
+import { filterBy } from '@bigbinary/neeto-cist';
+import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import Callout from '@bigbinary/neetoui/Callout';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { Trans } from 'react-i18next';
+import { n } from './inject-css-DmrvuTKK.js';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var QUERY_KEYS = {
+  SUBSCRIPTIONS_LIST: "SUBSCRIPTIONS_LIST"
+};
+var SUBSCRIPTION_STATUS = {
+  past_due: "past_due"
+};
+
+var css = ".neeto-molecules-subscription-notifications{border-radius:0}";
+n(css,{});
+
+var fetchSubscriptions = function fetchSubscriptions() {
+  return axios.get("neeto_sso/api/v1/server/subscriptions");
+};
+var subscriptionsApi = {
+  fetchSubscriptions: fetchSubscriptions
+};
+
+var SUBSCRIPTIONS_LIST = QUERY_KEYS.SUBSCRIPTIONS_LIST;
+var useFetchSubscriptions = function useFetchSubscriptions() {
+  return useQuery({
+    queryKey: [SUBSCRIPTIONS_LIST],
+    queryFn: subscriptionsApi.fetchSubscriptions
+  });
+};
+
+var SubscriptionNotificationsContainer = function SubscriptionNotificationsContainer() {
+  var _useFetchSubscription = useFetchSubscriptions(),
+    _useFetchSubscription2 = _useFetchSubscription.data,
+    _useFetchSubscription3 = _useFetchSubscription2 === void 0 ? {} : _useFetchSubscription2,
+    _useFetchSubscription4 = _useFetchSubscription3.clientAppSubscriptions,
+    clientAppSubscriptions = _useFetchSubscription4 === void 0 ? [] : _useFetchSubscription4;
+  var visibleNotifications = filterBy({
+    status: SUBSCRIPTION_STATUS.past_due
+  }, clientAppSubscriptions);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: visibleNotifications.map(function (_ref, index) {
+      var downgradeScheduledAt = _ref.downgradeScheduledAt,
+        customerPortalUrl = _ref.customerPortalUrl;
+      return /*#__PURE__*/jsx(Callout, {
+        className: "neeto-molecules-subscription-notifications w-full p-2.5",
+        "data-testid": "subscription-notifications",
+        style: "warning",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.subscription.paymentFailedNotification",
+            components: {
+              a: /*#__PURE__*/jsx(Button, {
+                href: customerPortalUrl,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            },
+            values: {
+              downgradeScheduledAt: dateFormat.date(downgradeScheduledAt)
+            }
+          })
+        })
+      }, index);
+    })
+  });
+};
+
+export { SubscriptionNotificationsContainer as default };
+//# sourceMappingURL=SubscriptionNotificationsContainer.js.map

package/dist/SubscriptionNotificationsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionNotificationsContainer.js","sources":["../src/components/SubscriptionNotificationsContainer/constants.js","../src/components/SubscriptionNotificationsContainer/api.js","../src/components/SubscriptionNotificationsContainer/useSubscriptionsApi.js","../src/components/SubscriptionNotificationsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  SUBSCRIPTIONS_LIST: \"SUBSCRIPTIONS_LIST\",\n};\n\nexport const SUBSCRIPTION_STATUS = { past_due: \"past_due\" };\n","import axios from \"axios\";\n\nconst fetchSubscriptions = () =>\n  axios.get(\"neeto_sso/api/v1/server/subscriptions\");\n\nconst subscriptionsApi = { fetchSubscriptions };\n\nexport default subscriptionsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport subscriptionsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { SUBSCRIPTIONS_LIST } = QUERY_KEYS;\n\nconst useFetchSubscriptions = () =>\n  useQuery({\n    queryKey: [SUBSCRIPTIONS_LIST],\n    queryFn: subscriptionsApi.fetchSubscriptions,\n  });\n\nexport { useFetchSubscriptions };\n","import { filterBy } from \"neetocist\";\nimport { dateFormat } from \"neetocommons/utils\";\nimport { Callout, Typography, Button } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport { SUBSCRIPTION_STATUS } from \"./constants\";\nimport \"./subscription-notifications.scss\";\nimport { useFetchSubscriptions } from \"./useSubscriptionsApi\";\n\nconst SubscriptionNotificationsContainer = () => {\n  const { data: { clientAppSubscriptions = [] } = {} } =\n    useFetchSubscriptions();\n\n  const visibleNotifications = filterBy(\n    { status: SUBSCRIPTION_STATUS.past_due },\n    clientAppSubscriptions\n  );\n\n  return (\n    <>\n      {visibleNotifications.map(\n        ({ downgradeScheduledAt, customerPortalUrl }, index) => (\n          <Callout\n            className=\"neeto-molecules-subscription-notifications w-full p-2.5\"\n            data-testid=\"subscription-notifications\"\n            key={index}\n            style=\"warning\"\n          >\n            <Typography style=\"body2\">\n              <Trans\n                i18nKey=\"neetoMolecules.subscription.paymentFailedNotification\"\n                components={{\n                  a: (\n                    <Button\n                      href={customerPortalUrl}\n                      rel=\"noreferrer\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n                values={{\n                  downgradeScheduledAt: dateFormat.date(downgradeScheduledAt),\n                }}\n              />\n            </Typography>\n          </Callout>\n        )\n      )}\n    </>\n  );\n};\n\nexport default SubscriptionNotificationsContainer;\n"],"names":["QUERY_KEYS","SUBSCRIPTIONS_LIST","SUBSCRIPTION_STATUS","past_due","fetchSubscriptions","axios","get","subscriptionsApi","useFetchSubscriptions","useQuery","queryKey","queryFn","SubscriptionNotificationsContainer","_useFetchSubscription","_useFetchSubscription2","data","_useFetchSubscription3","_useFetchSubscription4","clientAppSubscriptions","visibleNotifications","filterBy","status","_jsx","_Fragment","children","map","_ref","index","downgradeScheduledAt","customerPortalUrl","Callout","className","style","Typography","Trans","i18nKey","components","a","Button","href","rel","target","values","dateFormat","date"],"mappings":";;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,kBAAkB,EAAE,oBAAA;AACtB,CAAC,CAAA;AAEM,IAAMC,mBAAmB,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAA;AAAW,CAAC;;;;;ACF3D,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,EAAA,OACtBC,KAAK,CAACC,GAAG,CAAC,uCAAuC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEpD,IAAMC,gBAAgB,GAAG;AAAEH,EAAAA,kBAAkB,EAAlBA,kBAAAA;AAAmB,CAAC;;ACA/C,IAAQH,kBAAkB,GAAKD,UAAU,CAAjCC,kBAAkB,CAAA;AAE1B,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAA;AAAA,EAAA,OACzBC,QAAQ,CAAC;IACPC,QAAQ,EAAE,CAACT,kBAAkB,CAAC;IAC9BU,OAAO,EAAEJ,gBAAgB,CAACH,kBAAAA;AAC5B,GAAC,CAAC,CAAA;AAAA,CAAA;;ACFJ,IAAMQ,kCAAkC,GAAG,SAArCA,kCAAkCA,GAAS;AAC/C,EAAA,IAAAC,qBAAA,GACEL,qBAAqB,EAAE;IAAAM,sBAAA,GAAAD,qBAAA,CADjBE,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,sBAAA,KAAA,KAAA,CAAA,GAAoC,EAAE,GAAAA,sBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAAlCE,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA,CAAA;EAG3C,IAAME,oBAAoB,GAAGC,QAAQ,CACnC;IAAEC,MAAM,EAAEnB,mBAAmB,CAACC,QAAAA;GAAU,EACxCe,sBACF,CAAC,CAAA;EAED,oBACEI,GAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EACGL,oBAAoB,CAACM,GAAG,CACvB,UAAAC,IAAA,EAA8CC,KAAK,EAAA;AAAA,MAAA,IAAhDC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;QAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB,CAAA;MAAA,oBACxCP,GAAA,CAACQ,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,yDAAyD;AACnE,QAAA,aAAA,EAAY,4BAA4B;AAExCC,QAAAA,KAAK,EAAC,SAAS;QAAAR,QAAA,eAEfF,GAAA,CAACW,UAAU,EAAA;AAACD,UAAAA,KAAK,EAAC,OAAO;UAAAR,QAAA,eACvBF,GAAA,CAACY,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,uDAAuD;AAC/DC,YAAAA,UAAU,EAAE;cACVC,CAAC,eACCf,GAAA,CAACgB,MAAM,EAAA;AACLC,gBAAAA,IAAI,EAAEV,iBAAkB;AACxBW,gBAAAA,GAAG,EAAC,YAAY;AAChBR,gBAAAA,KAAK,EAAC,MAAM;AACZS,gBAAAA,MAAM,EAAC,QAAA;eACR,CAAA;aAEH;AACFC,YAAAA,MAAM,EAAE;AACNd,cAAAA,oBAAoB,EAAEe,UAAU,CAACC,IAAI,CAAChB,oBAAoB,CAAA;AAC5D,aAAA;WACD,CAAA;SACS,CAAA;AAAC,OAAA,EApBRD,KAqBE,CAAC,CAAA;KAEd,CAAA;AAAC,GACD,CAAC,CAAA;AAEP;;;;"}

package/dist/SuffixedInput.js

@@ -0,0 +1,111 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { isPresent, isNotPresent } from '@bigbinary/neeto-cist';
+import Info from '@bigbinary/neeto-icons/Info';
+import Input from '@bigbinary/neetoui/formik/Input';
+import { isEmpty } from 'ramda';
+import CopyToClipboardButton from './CopyToClipboardButton.js';
+import { n } from './inject-css-DmrvuTKK.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'classnames';
+import '@bigbinary/neeto-commons-frontend/utils/general';
+import '@bigbinary/neeto-icons/Copy';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neetoui/Button';
+import 'react-i18next';
+
+var INPUT_FIELD_MIN_WIDTH = 60;
+
+var css = ".nm-suffixed-input-field{max-width:100%;min-width:0;width:-moz-max-content;width:max-content}.nm-suffixed-input-field .neeto-ui-input{align-items:stretch}.nm-suffixed-input-field .neeto-ui-input .neeto-ui-input__suffix{background-color:rgb(var(--neeto-ui-gray-200));cursor:not-allowed;margin:0 0 0 .25rem!important;padding:.3125rem .5rem;white-space:nowrap}.nm-suffixed-input-field input{padding-right:0!important}";
+n(css,{});
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SuffixedInput = function SuffixedInput(_ref) {
+  var _placeholderRef$curre2, _placeholderRef$curre3;
+  var placeholder = _ref.placeholder,
+    helpUrl = _ref.helpUrl,
+    helpIconTooltipContent = _ref.helpIconTooltipContent,
+    label = _ref.label,
+    value = _ref.value,
+    getInputRef = _ref.getInputRef,
+    suffix = _ref.suffix,
+    _ref$isCopyToClipboar = _ref.isCopyToClipboardEnabled,
+    isCopyToClipboardEnabled = _ref$isCopyToClipboar === void 0 ? false : _ref$isCopyToClipboar,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "email" : _ref$name,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
+  var _useState = useState(INPUT_FIELD_MIN_WIDTH),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialInputWidth = _useState2[0],
+    setInitialInputWidth = _useState2[1];
+  var inputRef = useRef(null);
+  var placeholderRef = useRef(null);
+  var setInputRef = function setInputRef(ref) {
+    inputRef.current = ref;
+    getInputRef === null || getInputRef === void 0 || getInputRef(ref);
+  };
+  useEffect(function () {
+    var _placeholderRef$curre;
+    //To handle the input width on initial render.
+    var placeholderSpanWidth = (_placeholderRef$curre = placeholderRef.current) === null || _placeholderRef$curre === void 0 ? void 0 : _placeholderRef$curre.offsetWidth;
+    setInitialInputWidth(placeholderSpanWidth);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("span", {
+      // Dummy element to calculate the width to be set for the input. Do not remove.
+      className: "pointer-events-none invisible absolute pl-2",
+      ref: placeholderRef,
+      children: value || placeholder
+    }), /*#__PURE__*/jsxs("div", {
+      className: "inline-flex max-w-full items-end gap-2",
+      children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, _objectSpread({
+        label: label,
+        name: name,
+        placeholder: placeholder
+      }, inputProps)), {}, {
+        className: "nm-suffixed-input-field",
+        ref: setInputRef,
+        type: "text",
+        labelProps: {
+          helpIconProps: isPresent(helpUrl) && {
+            icon: Info,
+            className: "cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out",
+            onClick: function onClick() {
+              return window.open(helpUrl, "_blank");
+            },
+            tooltipProps: {
+              content: helpIconTooltipContent,
+              position: "right",
+              disabled: isNotPresent(helpUrl)
+            }
+          }
+        },
+        style: {
+          minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,
+          width: (_placeholderRef$curre2 = (_placeholderRef$curre3 = placeholderRef.current) === null || _placeholderRef$curre3 === void 0 ? void 0 : _placeholderRef$curre3.offsetWidth) !== null && _placeholderRef$curre2 !== void 0 ? _placeholderRef$curre2 : initialInputWidth // Additional 2px to act as a buffer.
+        },
+        suffix:
+        /*#__PURE__*/
+        // Added onClick to focus the input even when the suffix part is clicked.
+        jsx("span", {
+          onClick: function onClick() {
+            var _inputRef$current;
+            return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+          },
+          children: suffix
+        })
+      })), isCopyToClipboardEnabled && /*#__PURE__*/jsx(CopyToClipboardButton, {
+        disabled: isEmpty(value),
+        style: "text",
+        value: "".concat(value).concat(suffix)
+      })]
+    })]
+  });
+};
+
+export { SuffixedInput as default };
+//# sourceMappingURL=SuffixedInput.js.map

package/dist/SuffixedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuffixedInput.js","sources":["../src/components/SuffixedInput/constants.js","../src/components/SuffixedInput/index.jsx"],"sourcesContent":["export const INPUT_FIELD_MIN_WIDTH = 60;\n","import { useEffect, useRef, useState } from \"react\";\n\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport { Info } from \"neetoicons\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { INPUT_FIELD_MIN_WIDTH } from \"./constants\";\nimport \"./suffixed-input.scss\";\n\nconst SuffixedInput = ({\n  placeholder,\n  helpUrl,\n  helpIconTooltipContent,\n  label,\n  value,\n  getInputRef,\n  suffix,\n  isCopyToClipboardEnabled = false,\n  name = \"email\",\n  inputProps = {},\n}) => {\n  const [initialInputWidth, setInitialInputWidth] = useState(\n    INPUT_FIELD_MIN_WIDTH\n  );\n  const inputRef = useRef(null);\n  const placeholderRef = useRef(null);\n\n  const setInputRef = ref => {\n    inputRef.current = ref;\n    getInputRef?.(ref);\n  };\n\n  useEffect(() => {\n    //To handle the input width on initial render.\n    const placeholderSpanWidth = placeholderRef.current?.offsetWidth;\n    setInitialInputWidth(placeholderSpanWidth);\n  }, []);\n\n  return (\n    <>\n      <span // Dummy element to calculate the width to be set for the input. Do not remove.\n        className=\"pointer-events-none invisible absolute pl-2\"\n        ref={placeholderRef}\n      >\n        {value || placeholder}\n      </span>\n      <div className=\"inline-flex max-w-full items-end gap-2\">\n        <Input\n          {...{ label, name, placeholder, ...inputProps }}\n          className=\"nm-suffixed-input-field\"\n          ref={setInputRef}\n          type=\"text\"\n          labelProps={{\n            helpIconProps: isPresent(helpUrl) && {\n              icon: Info,\n              className:\n                \"cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out\",\n              onClick: () => window.open(helpUrl, \"_blank\"),\n              tooltipProps: {\n                content: helpIconTooltipContent,\n                position: \"right\",\n                disabled: isNotPresent(helpUrl),\n              },\n            },\n          }}\n          style={{\n            minWidth: isEmpty(value) ? INPUT_FIELD_MIN_WIDTH : 0,\n            width: placeholderRef.current?.offsetWidth ?? initialInputWidth, // Additional 2px to act as a buffer.\n          }}\n          suffix={\n            // Added onClick to focus the input even when the suffix part is clicked.\n            <span onClick={() => inputRef.current?.focus()}>{suffix}</span>\n          }\n        />\n        {isCopyToClipboardEnabled && (\n          <CopyToClipboardButton\n            disabled={isEmpty(value)}\n            style=\"text\"\n            value={`${value}${suffix}`}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nSuffixedInput.propTypes = {\n  /**\n   * Placeholder of the input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A help icon will be displayed next to the label if helpUrl is present. On clicking the icon will take the user to the URL.\n   */\n  helpUrl: PropTypes.string,\n  /**\n   * Text to be displayed inside the tooltip of the help icon.\n   */\n  helpIconTooltipContent: PropTypes.string,\n  /**\n   * Label of the input field.\n   */\n  label: PropTypes.string,\n  /**\n   * The value entered by the user, eg: email.\n   */\n  value: PropTypes.string,\n  /**\n   * A method to get the ref of the input field.\n   */\n  getInputRef: PropTypes.func,\n  /**\n   * Domain name to be rendered next to the input field.\n   */\n  suffix: PropTypes.string,\n  /**\n   * Whether to show the copy to clipboard button.\n   */\n  isCopyToClipboardEnabled: PropTypes.bool,\n  /**\n   * Formik field name of the input field.\n   */\n  name: PropTypes.string,\n  /**\n   * This will be passed down to the `Input` component.\n   */\n  inputProps: PropTypes.object,\n};\n\nexport default SuffixedInput;\n"],"names":["INPUT_FIELD_MIN_WIDTH","SuffixedInput","_ref","_placeholderRef$curre2","_placeholderRef$curre3","placeholder","helpUrl","helpIconTooltipContent","label","value","getInputRef","suffix","_ref$isCopyToClipboar","isCopyToClipboardEnabled","_ref$name","name","_ref$inputProps","inputProps","_useState","useState","_useState2","_slicedToArray","initialInputWidth","setInitialInputWidth","inputRef","useRef","placeholderRef","setInputRef","ref","current","useEffect","_placeholderRef$curre","placeholderSpanWidth","offsetWidth","_jsxs","_Fragment","children","_jsx","className","Input","_objectSpread","type","labelProps","helpIconProps","isPresent","icon","Info","onClick","window","open","tooltipProps","content","position","disabled","isNotPresent","style","minWidth","isEmpty","width","_inputRef$current","focus","CopyToClipboardButton","concat"],"mappings":"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"}

package/dist/TableWrapper.js

@@ -0,0 +1,27 @@
+import classnames from 'classnames';
+import { n } from './inject-css-DmrvuTKK.js';
+import { jsx } from 'react/jsx-runtime';
+
+var css = ".neeto-molecules-tablewrapper-pagination--height{padding:0 0 3rem}";
+n(css,{});
+
+var TableWrapper = function TableWrapper(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$hasPagination = _ref.hasPagination,
+    hasPagination = _ref$hasPagination === void 0 ? false : _ref$hasPagination;
+  return /*#__PURE__*/jsx("div", {
+    "data-testid": "table-wrapper",
+    className: classnames("flex min-h-0 w-full flex-grow flex-col pb-6", className),
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames("min-h-0 flex-grow", {
+        "neeto-molecules-tablewrapper-pagination--height": hasPagination
+      }),
+      children: children
+    })
+  });
+};
+
+export { TableWrapper as default };
+//# sourceMappingURL=TableWrapper.js.map

package/dist/TableWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","sources":["../src/components/TableWrapper/index.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport \"./table-wrapper.scss\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n  <div\n    data-testid=\"table-wrapper\"\n    className={classNames(\n      \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n      className\n    )}\n  >\n    <div\n      className={classNames(\"min-h-0 flex-grow\", {\n        \"neeto-molecules-tablewrapper-pagination--height\": hasPagination,\n      })}\n    >\n      {children}\n    </div>\n  </div>\n);\n\nTableWrapper.propTypes = {\n  /**\n   * Custom classnames for table wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * Handles table wrapper height when pagination is enabled.\n   *\n   * `hasPagination={totalCount > defaultPageSize}`\n   */\n  hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","_ref","children","_ref$className","className","_ref$hasPagination","hasPagination","_jsx","classNames"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,kBAAA,GAAAJ,IAAA,CAAEK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA,CAAA;AAAA,EAAA,oBACrEE,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,eAAe;AAC3BH,IAAAA,SAAS,EAAEI,UAAU,CACnB,6CAA6C,EAC7CJ,SACF,CAAE;AAAAF,IAAAA,QAAA,eAEFK,GAAA,CAAA,KAAA,EAAA;AACEH,MAAAA,SAAS,EAAEI,UAAU,CAAC,mBAAmB,EAAE;AACzC,QAAA,iDAAiD,EAAEF,aAAAA;AACrD,OAAC,CAAE;AAAAJ,MAAAA,QAAA,EAEFA,QAAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAAA;;;;"}