@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/CustomDomainDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDomainDashboard.js","sources":["../src/components/CustomDomainDashboard/Header.jsx","../src/components/CustomDomainDashboard/Manage/TagBlock.jsx","../src/components/CustomDomainDashboard/utils.jsx","../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n  ({\n    t,\n    setIsPaneOpen,\n    searchTerm,\n    setSearchTerm,\n    headerProps,\n    isFiltersVisible,\n  }) => (\n    <NeetoHeader\n      data-testid=\"custom-domain-header\"\n      title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n      actionBlock={\n        <Button\n          data-cy=\"add-new-custom-domain-button\"\n          label={t(\"neetoMolecules.customDomain.addNew\")}\n          onClick={() => setIsPaneOpen(true)}\n        />\n      }\n      searchProps={\n        isFiltersVisible && {\n          value: searchTerm,\n          onChange: withEventTargetValue(setSearchTerm),\n          placeholder: t(\"neetoMolecules.customDomain.search\"),\n          \"data-cy\": \"custom-domain-search-field\",\n          className: \"w-56\",\n        }\n      }\n      {...headerProps}\n    />\n  )\n);\n\nexport default React.memo(Header);\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { snakeToCamelCase } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst TagBlock = ({ status, stacked = false }) => {\n  const { t } = useTranslation();\n  const isDomainValidated =\n    status === \"active\" || status === \"pending_cname_validation\";\n  const camelCasedStatus = snakeToCamelCase(status || \"\");\n\n  return (\n    <div\n      className={classnames(\"flex gap-2\", {\n        \"flex-col items-start\": stacked,\n      })}\n    >\n      {status === \"failed\" ? (\n        <Tag\n          label={t(`neetoMolecules.customDomain.status.${camelCasedStatus}`)}\n          style=\"danger\"\n        />\n      ) : (\n        <>\n          <Tag\n            data-cy={`${hyphenize(status)}-tag-container`}\n            style={isDomainValidated ? \"success\" : \"warning\"}\n            label={t(\n              `neetoMolecules.customDomain.status.domain.${camelCasedStatus}`\n            )}\n          />\n          {isDomainValidated && (\n            <div\n              className={classnames(\"flex items-center justify-between gap-2\", {\n                \"w-full\": stacked,\n              })}\n            >\n              <Tag\n                data-cy={`${hyphenize(status)}-tag-container`}\n                style={status === \"active\" ? \"success\" : \"warning\"}\n                label={t(\n                  `neetoMolecules.customDomain.status.cname.${camelCasedStatus}`\n                )}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default React.memo(TagBlock);\n","import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Button } from \"neetoui\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport TagBlock from \"./Manage/TagBlock\";\n\nexport const renderColumnData = (enableManagePane, enableDeleteAlert) => [\n  {\n    title: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n    dataIndex: \"hostname\",\n    key: \"hostname\",\n    width: \"60%\",\n    render: (hostName, customDomain) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Button\n          data-cy=\"hostname-button\"\n          label={hostName}\n          style=\"link\"\n          onClick={() => enableManagePane(customDomain)}\n        />\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": `nui-dropdown-icon-${customDomain.id}`,\n          }}\n          dropdownProps={{\n            position: \"bottom-end\",\n            strategy: \"fixed\",\n            autoWidth: true,\n          }}\n          menuItems={[\n            {\n              label: t(\"neetoMolecules.common.actions.edit\"),\n              onClick: () => enableManagePane(customDomain),\n              key: \"edit-custom-domain-button\",\n            },\n            {\n              label: t(\"neetoMolecules.common.actions.delete\"),\n              onClick: () => enableDeleteAlert(customDomain),\n              key: \"delete-custom-domain\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoMolecules.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    render: status => <TagBlock {...{ status }} />,\n    width: \"40%\",\n  },\n];\n","import React, { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport PageLoader from \"components/PageLoader\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport Manage from \"./Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [customDomain, setCustomDomain] = useState({});\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const { data: data, isLoading } = useFetchCustomDomains({\n    url,\n    params: { searchTerm: debouncedSearchTerm },\n  });\n\n  const isFiltersVisible =\n    isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, {\n      onSettled: () => {\n        setIsAlertOpen(false);\n        setCustomDomain({});\n      },\n    });\n\n  const enableManagePane = customDomain => {\n    setCustomDomain(customDomain);\n    setIsPaneOpen(true);\n  };\n\n  const enableDeleteAlert = customDomain => {\n    setCustomDomain(customDomain);\n    setIsAlertOpen(true);\n  };\n\n  const disableManagePane = () => {\n    setIsPaneOpen(false);\n    setCustomDomain({});\n  };\n\n  const disableDeleteAlert = () => {\n    setIsAlertOpen(false);\n    setCustomDomain({});\n  };\n\n  return (\n    <>\n      <Container>\n        <Header\n          {...{\n            headerProps,\n            isFiltersVisible,\n            searchTerm,\n            setIsPaneOpen,\n            setSearchTerm,\n          }}\n        />\n        {isLoading && (\n          <div className=\"h-screen w-full\">\n            <PageLoader />\n          </div>\n        )}\n        {!isLoading && (\n          <>\n            <SubHeader\n              leftActionBlock={\n                !!data?.customDomains?.length && (\n                  <Typography\n                    className=\"neeto-ui-gray-800 font-semibold\"\n                    component=\"h4\"\n                  >\n                    {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n                      count: data?.customDomains?.length,\n                    })}\n                  </Typography>\n                )\n              }\n            />\n            {isNotEmpty(data?.customDomains) ? (\n              <TableWrapper>\n                <Table\n                  fixedHeight\n                  allowRowClick={false}\n                  rowData={data?.customDomains}\n                  rowSelection={false}\n                  columnData={renderColumnData(\n                    enableManagePane,\n                    enableDeleteAlert\n                  )}\n                />\n              </TableWrapper>\n            ) : (\n              <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n                <NoData\n                  title={t(\"neetoMolecules.customDomain.notFound\")}\n                  helpText={\n                    <Trans\n                      i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n                      components={{\n                        button: (\n                          <Button\n                            href=\"https://help.neetosite.com/p/a-95ad5b03\"\n                            style=\"link\"\n                            target=\"_blank\"\n                          />\n                        ),\n                      }}\n                    />\n                  }\n                  primaryButtonProps={{\n                    label: t(\"neetoMolecules.customDomain.addNew\"),\n                    onClick: () => setIsPaneOpen(true),\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </Container>\n      <Manage\n        {...{ customDomain, onCreate, setCustomDomain, url }}\n        hasOne={false}\n        isOpen={isPaneOpen}\n        onClose={disableManagePane}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={disableDeleteAlert}\n        onSubmit={() => deleteCustomDomain(customDomain?.id)}\n      />\n    </>\n  );\n};\n\nCustomDomainDashboard.propTypes = {\n  /**\n   * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n   */\n  headerProps: PropTypes.object,\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","React","createElement","NeetoHeader","_extends","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","TagBlock","status","_ref$stacked","stacked","_useTranslation","useTranslation","isDomainValidated","camelCasedStatus","snakeToCamelCase","classnames","Tag","concat","style","Fragment","hyphenize","renderColumnData","enableManagePane","enableDeleteAlert","SINGULAR","dataIndex","key","width","render","hostName","customDomain","MoreDropdown","dropdownButtonProps","id","dropdownProps","position","strategy","autoWidth","menuItems","CustomDomainDashboard","_data$customDomains","_data$customDomains2","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","disableManagePane","disableDeleteAlert","Container","PageLoader","SubHeader","leftActionBlock","length","Typography","component","count","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","NoData","helpText","Trans","i18nKey","components","button","href","target","primaryButtonProps","Manage","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit"],"mappings":"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"}
+{"version":3,"file":"CustomDomainDashboard.js","sources":["../src/components/CustomDomainDashboard/Header.jsx","../src/components/CustomDomainDashboard/Manage/TagBlock.jsx","../src/components/CustomDomainDashboard/utils.jsx","../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n  ({\n    t,\n    setIsPaneOpen,\n    searchTerm,\n    setSearchTerm,\n    headerProps,\n    isFiltersVisible,\n  }) => (\n    <NeetoHeader\n      data-testid=\"custom-domain-header\"\n      title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n      actionBlock={\n        <Button\n          data-cy=\"add-new-custom-domain-button\"\n          label={t(\"neetoMolecules.customDomain.addNew\")}\n          onClick={() => setIsPaneOpen(true)}\n        />\n      }\n      searchProps={\n        isFiltersVisible && {\n          value: searchTerm,\n          onChange: withEventTargetValue(setSearchTerm),\n          placeholder: t(\"neetoMolecules.customDomain.search\"),\n          \"data-cy\": \"custom-domain-search-field\",\n          className: \"w-56\",\n        }\n      }\n      {...headerProps}\n    />\n  )\n);\n\nexport default memo(Header);\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { snakeToCamelCase } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst TagBlock = ({ status, stacked = false }) => {\n  const { t } = useTranslation();\n  const isDomainValidated =\n    status === \"active\" || status === \"pending_cname_validation\";\n  const camelCasedStatus = snakeToCamelCase(status || \"\");\n\n  return (\n    <div\n      className={classnames(\"flex gap-2\", {\n        \"flex-col items-start\": stacked,\n      })}\n    >\n      {status === \"failed\" ? (\n        <Tag\n          label={t(`neetoMolecules.customDomain.status.${camelCasedStatus}`)}\n          style=\"danger\"\n        />\n      ) : (\n        <>\n          <Tag\n            data-cy={`${hyphenize(status)}-tag-container`}\n            style={isDomainValidated ? \"success\" : \"warning\"}\n            label={t(\n              `neetoMolecules.customDomain.status.domain.${camelCasedStatus}`\n            )}\n          />\n          {isDomainValidated && (\n            <div\n              className={classnames(\"flex items-center justify-between gap-2\", {\n                \"w-full\": stacked,\n              })}\n            >\n              <Tag\n                data-cy={`${hyphenize(status)}-tag-container`}\n                style={status === \"active\" ? \"success\" : \"warning\"}\n                label={t(\n                  `neetoMolecules.customDomain.status.cname.${camelCasedStatus}`\n                )}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default memo(TagBlock);\n","import { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Button } from \"neetoui\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport TagBlock from \"./Manage/TagBlock\";\n\nexport const renderColumnData = (enableManagePane, enableDeleteAlert) => [\n  {\n    title: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n    dataIndex: \"hostname\",\n    key: \"hostname\",\n    width: \"60%\",\n    render: (hostName, customDomain) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Button\n          data-cy=\"hostname-button\"\n          label={hostName}\n          style=\"link\"\n          onClick={() => enableManagePane(customDomain)}\n        />\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": `nui-dropdown-icon-${customDomain.id}`,\n          }}\n          dropdownProps={{\n            position: \"bottom-end\",\n            strategy: \"fixed\",\n            autoWidth: true,\n          }}\n          menuItems={[\n            {\n              label: t(\"neetoMolecules.common.actions.edit\"),\n              onClick: () => enableManagePane(customDomain),\n              key: \"edit-custom-domain-button\",\n            },\n            {\n              label: t(\"neetoMolecules.common.actions.delete\"),\n              onClick: () => enableDeleteAlert(customDomain),\n              key: \"delete-custom-domain\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoMolecules.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    render: status => <TagBlock {...{ status }} />,\n    width: \"40%\",\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport PageLoader from \"components/PageLoader\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport Manage from \"./Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [customDomain, setCustomDomain] = useState({});\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const { data: data, isLoading } = useFetchCustomDomains({\n    url,\n    params: { searchTerm: debouncedSearchTerm },\n  });\n\n  const isFiltersVisible =\n    isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, {\n      onSettled: () => {\n        setIsAlertOpen(false);\n        setCustomDomain({});\n      },\n    });\n\n  const enableManagePane = customDomain => {\n    setCustomDomain(customDomain);\n    setIsPaneOpen(true);\n  };\n\n  const enableDeleteAlert = customDomain => {\n    setCustomDomain(customDomain);\n    setIsAlertOpen(true);\n  };\n\n  const disableManagePane = () => {\n    setIsPaneOpen(false);\n    setCustomDomain({});\n  };\n\n  const disableDeleteAlert = () => {\n    setIsAlertOpen(false);\n    setCustomDomain({});\n  };\n\n  return (\n    <>\n      <Container>\n        <Header\n          {...{\n            headerProps,\n            isFiltersVisible,\n            searchTerm,\n            setIsPaneOpen,\n            setSearchTerm,\n          }}\n        />\n        {isLoading && (\n          <div className=\"h-screen w-full\">\n            <PageLoader />\n          </div>\n        )}\n        {!isLoading && (\n          <>\n            <SubHeader\n              leftActionBlock={\n                !!data?.customDomains?.length && (\n                  <Typography\n                    className=\"neeto-ui-gray-800 font-semibold\"\n                    component=\"h4\"\n                  >\n                    {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n                      count: data?.customDomains?.length,\n                    })}\n                  </Typography>\n                )\n              }\n            />\n            {isNotEmpty(data?.customDomains) ? (\n              <TableWrapper>\n                <Table\n                  fixedHeight\n                  allowRowClick={false}\n                  rowData={data?.customDomains}\n                  rowSelection={false}\n                  columnData={renderColumnData(\n                    enableManagePane,\n                    enableDeleteAlert\n                  )}\n                />\n              </TableWrapper>\n            ) : (\n              <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n                <NoData\n                  title={t(\"neetoMolecules.customDomain.notFound\")}\n                  helpText={\n                    <Trans\n                      i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n                      components={{\n                        button: (\n                          <Button\n                            href=\"https://help.neetosite.com/p/a-95ad5b03\"\n                            style=\"link\"\n                            target=\"_blank\"\n                          />\n                        ),\n                      }}\n                    />\n                  }\n                  primaryButtonProps={{\n                    label: t(\"neetoMolecules.customDomain.addNew\"),\n                    onClick: () => setIsPaneOpen(true),\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </Container>\n      <Manage\n        {...{ customDomain, onCreate, setCustomDomain, url }}\n        hasOne={false}\n        isOpen={isPaneOpen}\n        onClose={disableManagePane}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={disableDeleteAlert}\n        onSubmit={() => deleteCustomDomain(customDomain?.id)}\n      />\n    </>\n  );\n};\n\nCustomDomainDashboard.propTypes = {\n  /**\n   * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n   */\n  headerProps: PropTypes.object,\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","_jsx","NeetoHeader","_objectSpread","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","TagBlock","status","_ref$stacked","stacked","_useTranslation","useTranslation","isDomainValidated","camelCasedStatus","snakeToCamelCase","classnames","children","Tag","concat","style","_jsxs","_Fragment","hyphenize","renderColumnData","enableManagePane","enableDeleteAlert","SINGULAR","dataIndex","key","width","render","hostName","customDomain","MoreDropdown","dropdownButtonProps","id","dropdownProps","position","strategy","autoWidth","menuItems","CustomDomainDashboard","_data$customDomains","_data$customDomains2","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","disableManagePane","disableDeleteAlert","Container","PageLoader","SubHeader","leftActionBlock","length","Typography","component","count","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","NoData","helpText","Trans","i18nKey","components","button","href","target","primaryButtonProps","Manage","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit"],"mappings":"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"}

package/dist/DateFormat.js

@@ -1,12 +1,14 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React__default from 'react';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { capitalize } from '@bigbinary/neeto-cist';
 import useTimer from '@bigbinary/neeto-commons-frontend/react-utils/useTimer';
 import { timeFormat } from '@bigbinary/neeto-commons-frontend/utils/datetime';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
 import { fromPairs, keys } from 'ramda';
+import { jsx } from 'react/jsx-runtime';
 
+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 DateFormat = fromPairs(keys(timeFormat).map(function (key) {
   return [capitalize(key), function (_ref) {
     var date = _ref.date,
@@ -19,14 +21,18 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
       _ref$tooltipDateForma = _ref.tooltipDateFormat,
       tooltipDateFormat = _ref$tooltipDateForma === void 0 ? "extended" : _ref$tooltipDateForma;
     useTimer(timerInterval);
-    return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
       content: timeFormat[tooltipDateFormat](date),
       disabled: key === tooltipDateFormat,
       position: "top"
-    }, tooltipProps), /*#__PURE__*/React__default.createElement(Typography, _extends({
-      component: "span",
-      style: "body2"
-    }, typographyProps), timeFormat[key](date)));
+    }, tooltipProps), {}, {
+      children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+        component: "span",
+        style: "body2"
+      }, typographyProps), {}, {
+        children: timeFormat[key](date)
+      }))
+    }));
   }];
 }));
 

package/dist/DateFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFormat.js","sources":["../src/components/DateFormat.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport useTimer from \"neetocommons/react-utils/useTimer\";\nimport { timeFormat } from \"neetocommons/utils/datetime\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n  keys(timeFormat).map(key => [\n    capitalize(key),\n    ({\n      date,\n      timerInterval = 60,\n      tooltipProps = {},\n      typographyProps = {},\n      tooltipDateFormat = \"extended\",\n    }) => {\n      useTimer(timerInterval);\n\n      return (\n        <Tooltip\n          content={timeFormat[tooltipDateFormat](date)}\n          disabled={key === tooltipDateFormat}\n          position=\"top\"\n          {...tooltipProps}\n        >\n          <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n            {timeFormat[key](date)}\n          </Typography>\n        </Tooltip>\n      );\n    },\n  ])\n);\n\nDateFormat.propTypes = {\n  /**\n   * The date object to be formatted.\n   */\n  date: PropTypes.instanceOf(Date),\n  /**\n   * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n   */\n  timerInterval: PropTypes.number,\n  /**\n   * This prop will accept a string to set the format corresponding to\n   * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n   * options from `neeto-commons-frontend`.\n   */\n  tooltipDateFormat: PropTypes.string,\n  /**\n   * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * This prop will be forwarded to the neetoui Typography component.\n   */\n  typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","React","createElement","Tooltip","_extends","content","disabled","position","Typography","component","style"],"mappings":";;;;;;;;;AASA,IAAMA,UAAU,GAAGC,SAAS,CAC1BC,IAAI,CAACC,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAI,CAC1BC,UAAU,CAACD,GAAG,CAAC,EACf,UAAAE,IAAA,EAMM;AAAA,IAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAAC,kBAAA,GAAAF,IAAA,CACJG,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAClBK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,iBAAA;MAAAE,oBAAA,GAAAN,IAAA,CACjBO,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,oBAAA;MAAAE,qBAAA,GAAAR,IAAA,CACpBS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA,CAAA;IAE9BE,QAAQ,CAACP,aAAa,CAAC,CAAA;AAEvB,IAAA,oBACEQ,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,MAAAA,OAAO,EAAEnB,UAAU,CAACa,iBAAiB,CAAC,CAACR,IAAI,CAAE;MAC7Ce,QAAQ,EAAElB,GAAG,KAAKW,iBAAkB;AACpCQ,MAAAA,QAAQ,EAAC,KAAA;KACLZ,EAAAA,YAAY,gBAEhBM,cAAA,CAAAC,aAAA,CAACM,UAAU,EAAAJ,QAAA,CAAA;AAACK,MAAAA,SAAS,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAC,OAAA;KAAYb,EAAAA,eAAe,CAC3DX,EAAAA,UAAU,CAACE,GAAG,CAAC,CAACG,IAAI,CACX,CACL,CAAC,CAAA;AAEd,GAAC,CACF,CAAA;AAAA,CAAA,CACH;;;;"}
+{"version":3,"file":"DateFormat.js","sources":["../src/components/DateFormat.jsx"],"sourcesContent":["import { capitalize } from \"neetocist\";\nimport useTimer from \"neetocommons/react-utils/useTimer\";\nimport { timeFormat } from \"neetocommons/utils/datetime\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n  keys(timeFormat).map(key => [\n    capitalize(key),\n    ({\n      date,\n      timerInterval = 60,\n      tooltipProps = {},\n      typographyProps = {},\n      tooltipDateFormat = \"extended\",\n    }) => {\n      useTimer(timerInterval);\n\n      return (\n        <Tooltip\n          content={timeFormat[tooltipDateFormat](date)}\n          disabled={key === tooltipDateFormat}\n          position=\"top\"\n          {...tooltipProps}\n        >\n          <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n            {timeFormat[key](date)}\n          </Typography>\n        </Tooltip>\n      );\n    },\n  ])\n);\n\nDateFormat.propTypes = {\n  /**\n   * The date object to be formatted.\n   */\n  date: PropTypes.instanceOf(Date),\n  /**\n   * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n   */\n  timerInterval: PropTypes.number,\n  /**\n   * This prop will accept a string to set the format corresponding to\n   * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n   * options from `neeto-commons-frontend`.\n   */\n  tooltipDateFormat: PropTypes.string,\n  /**\n   * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * This prop will be forwarded to the neetoui Typography component.\n   */\n  typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","_jsx","Tooltip","_objectSpread","content","disabled","position","children","Typography","component","style"],"mappings":";;;;;;;;;;;AAOA,IAAMA,UAAU,GAAGC,SAAS,CAC1BC,IAAI,CAACC,UAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAI,CAC1BC,UAAU,CAACD,GAAG,CAAC,EACf,UAAAE,IAAA,EAMM;AAAA,IAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAAC,kBAAA,GAAAF,IAAA,CACJG,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAClBK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,iBAAA;MAAAE,oBAAA,GAAAN,IAAA,CACjBO,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,oBAAA;MAAAE,qBAAA,GAAAR,IAAA,CACpBS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA,CAAA;IAE9BE,QAAQ,CAACP,aAAa,CAAC,CAAA;AAEvB,IAAA,oBACEQ,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,MAAAA,OAAO,EAAElB,UAAU,CAACa,iBAAiB,CAAC,CAACR,IAAI,CAAE;MAC7Cc,QAAQ,EAAEjB,GAAG,KAAKW,iBAAkB;AACpCO,MAAAA,QAAQ,EAAC,KAAA;AAAK,KAAA,EACVX,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAY,MAAAA,QAAA,eAEhBN,GAAA,CAACO,UAAU,EAAAL,aAAA,CAAAA,aAAA,CAAA;AAACM,QAAAA,SAAS,EAAC,MAAM;AAACC,QAAAA,KAAK,EAAC,OAAA;AAAO,OAAA,EAAKb,eAAe,CAAA,EAAA,EAAA,EAAA;AAAAU,QAAAA,QAAA,EAC3DrB,UAAU,CAACE,GAAG,CAAC,CAACG,IAAI,CAAA;OACX,CAAA,CAAA;AAAC,KAAA,CACN,CAAC,CAAA;AAEd,GAAC,CACF,CAAA;AAAA,CAAA,CACH;;;;"}

package/dist/DateRangeFilter.js

@@ -1,12 +1,12 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default from 'react';
 import dayjs from 'dayjs';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import Select from '@bigbinary/neetoui/Select';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
 import { prop } from 'ramda';
 import { t } from 'i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var quarterOfYear = require("dayjs/plugin/quarterOfYear");
 dayjs.extend(quarterOfYear);
@@ -120,6 +120,8 @@ var defaultTimePeriodOptions = function defaultTimePeriodOptions() {
   }];
 };
 
+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 DateRangeFilter = function DateRangeFilter(_ref) {
   var _timePeriod$value, _timePeriod$value2, _timePeriod$value3, _globalProps$user;
   var timePeriodOptions = _ref.timePeriodOptions,
@@ -131,44 +133,47 @@ var DateRangeFilter = function DateRangeFilter(_ref) {
   var endDate = timePeriod === null || timePeriod === void 0 ? void 0 : (_timePeriod$value3 = timePeriod.value) === null || _timePeriod$value3 === void 0 ? void 0 : _timePeriod$value3.endDate;
   var requiredDateFormat = globalProps === null || globalProps === void 0 ? void 0 : (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.dateFormat;
   var options = timePeriodOptions || defaultTimePeriodOptions();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "flex flex-wrap gap-3",
-    "data-testid": "date-range-filter"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-40"
-  }, /*#__PURE__*/React__default.createElement(Select, {
-    options: options,
-    required: true,
-    getOptionValue: prop("label"),
-    strategy: "fixed",
-    value: timePeriod || options[0],
-    onChange: function onChange(option) {
-      return setTimePeriod(option);
-    }
-  })), isCustom && /*#__PURE__*/React__default.createElement("div", {
-    className: "max-w-sm flex-grow",
-    "data-testid": "date-range-filter-custom-duration-picker"
-  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({
-    autoFocus: true,
-    className: "w-full",
-    dateFormat: requiredDateFormat,
-    picker: "date",
-    type: "range",
-    defaultValue: [startDate ? dayjs(startDate) : null, endDate ? dayjs(endDate) : null],
-    onChange: function onChange(_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        startDate = _ref3[0],
-        endDate = _ref3[1];
-      setTimePeriod({
-        label: timePeriod === null || timePeriod === void 0 ? void 0 : timePeriod.label,
-        value: {
-          startDate: startDate,
-          endDate: endDate,
-          rangeType: "custom"
+    "data-testid": "date-range-filter",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "w-40",
+      children: /*#__PURE__*/jsx(Select, {
+        options: options,
+        required: true,
+        getOptionValue: prop("label"),
+        strategy: "fixed",
+        value: timePeriod || options[0],
+        onChange: function onChange(option) {
+          return setTimePeriod(option);
         }
-      });
-    }
-  }, datePickerProps))));
+      })
+    }), isCustom && /*#__PURE__*/jsx("div", {
+      className: "max-w-sm flex-grow",
+      "data-testid": "date-range-filter-custom-duration-picker",
+      children: /*#__PURE__*/jsx(DatePicker, _objectSpread({
+        autoFocus: true,
+        className: "w-full",
+        dateFormat: requiredDateFormat,
+        picker: "date",
+        type: "range",
+        defaultValue: [startDate ? dayjs(startDate) : null, endDate ? dayjs(endDate) : null],
+        onChange: function onChange(_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            startDate = _ref3[0],
+            endDate = _ref3[1];
+          setTimePeriod({
+            label: timePeriod === null || timePeriod === void 0 ? void 0 : timePeriod.label,
+            value: {
+              startDate: startDate,
+              endDate: endDate,
+              rangeType: "custom"
+            }
+          });
+        }
+      }, datePickerProps))
+    })]
+  });
 };
 
 export { DateRangeFilter as default };

package/dist/DateRangeFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.js","sources":["../src/components/DateRangeFilter/utils.js","../src/components/DateRangeFilter/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { t } from \"i18next\";\n\nconst quarterOfYear = require(\"dayjs/plugin/quarterOfYear\");\n\ndayjs.extend(quarterOfYear);\n\nexport const defaultTimePeriodOptions = () => {\n  const today = dayjs().startOf(\"day\");\n  const startOfLastWeek = today.subtract(7, \"day\").startOf(\"week\");\n\n  const endOfLastWeek = today.subtract(7, \"day\").endOf(\"week\");\n  const lastMonthStart = today.subtract(1, \"month\").startOf(\"month\");\n  const lastMonthEnd = today.subtract(1, \"month\").endOf(\"month\");\n  const thisQuarterStart = dayjs().startOf(\"quarter\");\n  const thisQuarterEnd = dayjs().endOf(\"quarter\");\n  const lastQuarterStart = dayjs().subtract(1, \"quarter\").startOf(\"quarter\");\n  const lastQuarterEnd = dayjs().subtract(1, \"quarter\").endOf(\"quarter\");\n  const startOfLastYear = dayjs().subtract(1, \"year\").startOf(\"year\");\n  const endOfLastYear = dayjs().subtract(1, \"year\").endOf(\"year\");\n  const startOfYear = dayjs().startOf(\"year\");\n  const endOfYear = dayjs().endOf(\"year\");\n\n  const startOf24Hours = dayjs().subtract(24, \"hour\");\n  const now = dayjs();\n  const startOfLast7Days = dayjs().subtract(7, \"day\");\n  const startOfWeek = dayjs().startOf(\"week\");\n  const startOfLast30Days = dayjs().subtract(30, \"day\");\n  const startOfMonth = today.startOf(\"month\");\n\n  return [\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.allTime\"),\n      value: { startDate: null, endDate: null, rangeType: \"all\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours\"),\n      value: { startDate: startOf24Hours, endDate: now, rangeType: \"hours\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days\"),\n      value: {\n        startDate: startOfLast7Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek\"),\n      value: { startDate: startOfWeek, endDate: now, rangeType: \"week\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek\"),\n      value: {\n        startDate: startOfLastWeek,\n        endDate: endOfLastWeek,\n        rangeType: \"week\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days\"),\n      value: {\n        startDate: startOfLast30Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth\"),\n      value: { startDate: startOfMonth, endDate: now, rangeType: \"month\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth\"),\n      value: {\n        startDate: lastMonthStart,\n        endDate: lastMonthEnd,\n        rangeType: \"month\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter\"),\n      value: {\n        startDate: thisQuarterStart,\n        endDate: thisQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter\"),\n      value: {\n        startDate: lastQuarterStart,\n        endDate: lastQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear\"),\n      value: { startDate: startOfYear, endDate: endOfYear, rangeType: \"year\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear\"),\n      value: {\n        startDate: startOfLastYear,\n        endDate: endOfLastYear,\n        rangeType: \"year\",\n      },\n    },\n    {\n      label: t(\n        \"neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration\"\n      ),\n      value: \"custom\",\n    },\n  ];\n};\n","import React from \"react\";\n\nimport dayjs from \"dayjs\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Select, DatePicker } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\n\nimport { defaultTimePeriodOptions } from \"./utils\";\n\nconst DateRangeFilter = ({\n  timePeriodOptions,\n  timePeriod,\n  setTimePeriod,\n  datePickerProps,\n}) => {\n  const isCustom =\n    timePeriod?.value === \"custom\" || timePeriod?.value?.rangeType === \"custom\";\n\n  const startDate = timePeriod?.value?.startDate;\n  const endDate = timePeriod?.value?.endDate;\n  const requiredDateFormat = globalProps?.user?.dateFormat;\n\n  const options = timePeriodOptions || defaultTimePeriodOptions();\n\n  return (\n    <div className=\"flex flex-wrap gap-3\" data-testid=\"date-range-filter\">\n      <div className=\"w-40\">\n        <Select\n          {...{ options }}\n          required\n          getOptionValue={prop(\"label\")}\n          strategy=\"fixed\"\n          value={timePeriod || options[0]}\n          onChange={option => setTimePeriod(option)}\n        />\n      </div>\n      {isCustom && (\n        <div\n          className=\"max-w-sm flex-grow\"\n          data-testid=\"date-range-filter-custom-duration-picker\"\n        >\n          <DatePicker\n            autoFocus\n            className=\"w-full\"\n            dateFormat={requiredDateFormat}\n            picker=\"date\"\n            type=\"range\"\n            defaultValue={[\n              startDate ? dayjs(startDate) : null,\n              endDate ? dayjs(endDate) : null,\n            ]}\n            onChange={([startDate, endDate]) => {\n              setTimePeriod({\n                label: timePeriod?.label,\n                value: { startDate, endDate, rangeType: \"custom\" },\n              });\n            }}\n            {...datePickerProps}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateRangeFilter.propTypes = {\n  /**\n   * An array of objects that can be passed to the component which can be used to override default filter options.\n   */\n  timePeriodOptions: PropTypes.arrayOf(\n    PropTypes.shape({ label: PropTypes.string, value: PropTypes.object })\n  ),\n  /**\n   * The state corresponding to the currently selected date range filter.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * These props will be passed to the date range picker for custom date range selection.\n   */\n  datePickerProps: PropTypes.object,\n};\n\nexport default DateRangeFilter;\n"],"names":["quarterOfYear","require","dayjs","extend","defaultTimePeriodOptions","today","startOf","startOfLastWeek","subtract","endOfLastWeek","endOf","lastMonthStart","lastMonthEnd","thisQuarterStart","thisQuarterEnd","lastQuarterStart","lastQuarterEnd","startOfLastYear","endOfLastYear","startOfYear","endOfYear","startOf24Hours","now","startOfLast7Days","startOfWeek","startOfLast30Days","startOfMonth","label","t","value","startDate","endDate","rangeType","DateRangeFilter","_ref","_timePeriod$value","_timePeriod$value2","_timePeriod$value3","_globalProps$user","timePeriodOptions","timePeriod","setTimePeriod","datePickerProps","isCustom","requiredDateFormat","globalProps","user","dateFormat","options","React","createElement","className","Select","required","getOptionValue","prop","strategy","onChange","option","DatePicker","_extends","autoFocus","picker","type","defaultValue","_ref2","_ref3","_slicedToArray"],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.js","sources":["../src/components/DateRangeFilter/utils.js","../src/components/DateRangeFilter/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { t } from \"i18next\";\n\nconst quarterOfYear = require(\"dayjs/plugin/quarterOfYear\");\n\ndayjs.extend(quarterOfYear);\n\nexport const defaultTimePeriodOptions = () => {\n  const today = dayjs().startOf(\"day\");\n  const startOfLastWeek = today.subtract(7, \"day\").startOf(\"week\");\n\n  const endOfLastWeek = today.subtract(7, \"day\").endOf(\"week\");\n  const lastMonthStart = today.subtract(1, \"month\").startOf(\"month\");\n  const lastMonthEnd = today.subtract(1, \"month\").endOf(\"month\");\n  const thisQuarterStart = dayjs().startOf(\"quarter\");\n  const thisQuarterEnd = dayjs().endOf(\"quarter\");\n  const lastQuarterStart = dayjs().subtract(1, \"quarter\").startOf(\"quarter\");\n  const lastQuarterEnd = dayjs().subtract(1, \"quarter\").endOf(\"quarter\");\n  const startOfLastYear = dayjs().subtract(1, \"year\").startOf(\"year\");\n  const endOfLastYear = dayjs().subtract(1, \"year\").endOf(\"year\");\n  const startOfYear = dayjs().startOf(\"year\");\n  const endOfYear = dayjs().endOf(\"year\");\n\n  const startOf24Hours = dayjs().subtract(24, \"hour\");\n  const now = dayjs();\n  const startOfLast7Days = dayjs().subtract(7, \"day\");\n  const startOfWeek = dayjs().startOf(\"week\");\n  const startOfLast30Days = dayjs().subtract(30, \"day\");\n  const startOfMonth = today.startOf(\"month\");\n\n  return [\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.allTime\"),\n      value: { startDate: null, endDate: null, rangeType: \"all\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours\"),\n      value: { startDate: startOf24Hours, endDate: now, rangeType: \"hours\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days\"),\n      value: {\n        startDate: startOfLast7Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek\"),\n      value: { startDate: startOfWeek, endDate: now, rangeType: \"week\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek\"),\n      value: {\n        startDate: startOfLastWeek,\n        endDate: endOfLastWeek,\n        rangeType: \"week\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days\"),\n      value: {\n        startDate: startOfLast30Days,\n        endDate: now,\n        rangeType: \"days\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth\"),\n      value: { startDate: startOfMonth, endDate: now, rangeType: \"month\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth\"),\n      value: {\n        startDate: lastMonthStart,\n        endDate: lastMonthEnd,\n        rangeType: \"month\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter\"),\n      value: {\n        startDate: thisQuarterStart,\n        endDate: thisQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter\"),\n      value: {\n        startDate: lastQuarterStart,\n        endDate: lastQuarterEnd,\n        rangeType: \"quarter\",\n      },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear\"),\n      value: { startDate: startOfYear, endDate: endOfYear, rangeType: \"year\" },\n    },\n    {\n      label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear\"),\n      value: {\n        startDate: startOfLastYear,\n        endDate: endOfLastYear,\n        rangeType: \"year\",\n      },\n    },\n    {\n      label: t(\n        \"neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration\"\n      ),\n      value: \"custom\",\n    },\n  ];\n};\n","import dayjs from \"dayjs\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Select, DatePicker } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\n\nimport { defaultTimePeriodOptions } from \"./utils\";\n\nconst DateRangeFilter = ({\n  timePeriodOptions,\n  timePeriod,\n  setTimePeriod,\n  datePickerProps,\n}) => {\n  const isCustom =\n    timePeriod?.value === \"custom\" || timePeriod?.value?.rangeType === \"custom\";\n\n  const startDate = timePeriod?.value?.startDate;\n  const endDate = timePeriod?.value?.endDate;\n  const requiredDateFormat = globalProps?.user?.dateFormat;\n\n  const options = timePeriodOptions || defaultTimePeriodOptions();\n\n  return (\n    <div className=\"flex flex-wrap gap-3\" data-testid=\"date-range-filter\">\n      <div className=\"w-40\">\n        <Select\n          {...{ options }}\n          required\n          getOptionValue={prop(\"label\")}\n          strategy=\"fixed\"\n          value={timePeriod || options[0]}\n          onChange={option => setTimePeriod(option)}\n        />\n      </div>\n      {isCustom && (\n        <div\n          className=\"max-w-sm flex-grow\"\n          data-testid=\"date-range-filter-custom-duration-picker\"\n        >\n          <DatePicker\n            autoFocus\n            className=\"w-full\"\n            dateFormat={requiredDateFormat}\n            picker=\"date\"\n            type=\"range\"\n            defaultValue={[\n              startDate ? dayjs(startDate) : null,\n              endDate ? dayjs(endDate) : null,\n            ]}\n            onChange={([startDate, endDate]) => {\n              setTimePeriod({\n                label: timePeriod?.label,\n                value: { startDate, endDate, rangeType: \"custom\" },\n              });\n            }}\n            {...datePickerProps}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateRangeFilter.propTypes = {\n  /**\n   * An array of objects that can be passed to the component which can be used to override default filter options.\n   */\n  timePeriodOptions: PropTypes.arrayOf(\n    PropTypes.shape({ label: PropTypes.string, value: PropTypes.object })\n  ),\n  /**\n   * The state corresponding to the currently selected date range filter.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * These props will be passed to the date range picker for custom date range selection.\n   */\n  datePickerProps: PropTypes.object,\n};\n\nexport default DateRangeFilter;\n"],"names":["quarterOfYear","require","dayjs","extend","defaultTimePeriodOptions","today","startOf","startOfLastWeek","subtract","endOfLastWeek","endOf","lastMonthStart","lastMonthEnd","thisQuarterStart","thisQuarterEnd","lastQuarterStart","lastQuarterEnd","startOfLastYear","endOfLastYear","startOfYear","endOfYear","startOf24Hours","now","startOfLast7Days","startOfWeek","startOfLast30Days","startOfMonth","label","t","value","startDate","endDate","rangeType","DateRangeFilter","_ref","_timePeriod$value","_timePeriod$value2","_timePeriod$value3","_globalProps$user","timePeriodOptions","timePeriod","setTimePeriod","datePickerProps","isCustom","requiredDateFormat","globalProps","user","dateFormat","options","_jsxs","className","children","_jsx","Select","required","getOptionValue","prop","strategy","onChange","option","DatePicker","_objectSpread","autoFocus","picker","type","defaultValue","_ref2","_ref3","_slicedToArray"],"mappings":"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"}

package/dist/DeleteArchiveModal.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { noop } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
@@ -7,6 +7,7 @@ import Modal from '@bigbinary/neetoui/Modal';
 import Typography from '@bigbinary/neetoui/Typography';
 import { not } from 'ramda';
 import { useTranslation } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
   var _ref$checkboxLabel = _ref.checkboxLabel,
@@ -42,47 +43,55 @@ var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
   useEffect(function () {
     if (not(isOpen)) setIsChecked(false);
   }, [isOpen]);
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     className: className,
     isOpen: isOpen,
     "data-cy": "alert-box",
     "data-testid": "delete-archive-modal",
-    onClose: handleClose
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "delete-archive-alert-title",
-    style: "h2"
-  }, title)), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "delete-archive-alert-message",
-    lineHeight: "normal",
-    style: "body2"
-  }, description), /*#__PURE__*/React__default.createElement(Checkbox, {
-    checked: isChecked,
-    className: "mt-4",
-    "data-cy": "delete-archive-alert-archive-checkbox",
-    "data-testid": "delete-archive-alert-archive-checkbox",
-    label: checkboxLabel,
-    onChange: function onChange() {
-      return setIsChecked(function (isChecked) {
-        return !isChecked;
-      });
-    }
-  })), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "delete-archive-alert-archive-button",
-    disabled: not(isOpen),
-    label: t("neetoMolecules.common.actions.archive"),
-    loading: isArchiving,
-    style: "secondary",
-    onClick: onArchive
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "delete-archive-alert-delete-button",
-    disabled: not(isChecked),
-    label: t("neetoMolecules.common.actions.delete"),
-    loading: isDeleting,
-    style: "danger",
-    onClick: onDelete
-  })));
+    onClose: handleClose,
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "delete-archive-alert-title",
+        style: "h2",
+        children: title
+      })
+    }), /*#__PURE__*/jsxs(Modal.Body, {
+      children: [/*#__PURE__*/jsx(Typography, {
+        "data-cy": "delete-archive-alert-message",
+        lineHeight: "normal",
+        style: "body2",
+        children: description
+      }), /*#__PURE__*/jsx(Checkbox, {
+        checked: isChecked,
+        className: "mt-4",
+        "data-cy": "delete-archive-alert-archive-checkbox",
+        "data-testid": "delete-archive-alert-archive-checkbox",
+        label: checkboxLabel,
+        onChange: function onChange() {
+          return setIsChecked(function (isChecked) {
+            return !isChecked;
+          });
+        }
+      })]
+    }), /*#__PURE__*/jsxs(Modal.Footer, {
+      className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-cy": "delete-archive-alert-archive-button",
+        disabled: not(isOpen),
+        label: t("neetoMolecules.common.actions.archive"),
+        loading: isArchiving,
+        style: "secondary",
+        onClick: onArchive
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "delete-archive-alert-delete-button",
+        disabled: not(isChecked),
+        label: t("neetoMolecules.common.actions.delete"),
+        loading: isDeleting,
+        style: "danger",
+        onClick: onDelete
+      })]
+    })]
+  });
 };
 
 export { DeleteArchiveModal as default };

package/dist/DeleteArchiveModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteArchiveModal.js","sources":["../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n  checkboxLabel = \"\",\n  className = \"\",\n  description = \"\",\n  isArchiving = false,\n  isDeleting = false,\n  isOpen = false,\n  onArchive = noop,\n  onClose = noop,\n  onDelete = noop,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const handleClose = () => {\n    setIsChecked(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) setIsChecked(false);\n  }, [isOpen]);\n\n  return (\n    <Modal\n      {...{ className, isOpen }}\n      data-cy=\"alert-box\"\n      data-testid=\"delete-archive-modal\"\n      onClose={handleClose}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography\n          data-cy=\"delete-archive-alert-message\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n        <Checkbox\n          checked={isChecked}\n          className=\"mt-4\"\n          data-cy=\"delete-archive-alert-archive-checkbox\"\n          data-testid=\"delete-archive-alert-archive-checkbox\"\n          label={checkboxLabel}\n          onChange={() => setIsChecked(isChecked => !isChecked)}\n        />\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end\">\n        <Button\n          data-cy=\"delete-archive-alert-archive-button\"\n          disabled={not(isOpen)}\n          label={t(\"neetoMolecules.common.actions.archive\")}\n          loading={isArchiving}\n          style=\"secondary\"\n          onClick={onArchive}\n        />\n        <Button\n          data-cy=\"delete-archive-alert-delete-button\"\n          disabled={not(isChecked)}\n          label={t(\"neetoMolecules.common.actions.delete\")}\n          loading={isDeleting}\n          style=\"danger\"\n          onClick={onDelete}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nDeleteArchiveModal.propTypes = {\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the archive button\n   */\n  isArchiving: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the delete button\n   */\n  isDeleting: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n  /**\n   * Function to be called when the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Function to be called when the archive button is clicked\n   */\n  onArchive: PropTypes.func,\n  /**\n   * Function to be called when the delete button is clicked\n   * */\n  onDelete: PropTypes.func,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the modal\n   */\n  description: PropTypes.string,\n  /**\n   * Label for the checkbox\n   */\n  checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","React","createElement","Modal","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}
+{"version":3,"file":"DeleteArchiveModal.js","sources":["../src/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Checkbox, Modal, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n  checkboxLabel = \"\",\n  className = \"\",\n  description = \"\",\n  isArchiving = false,\n  isDeleting = false,\n  isOpen = false,\n  onArchive = noop,\n  onClose = noop,\n  onDelete = noop,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const handleClose = () => {\n    setIsChecked(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) setIsChecked(false);\n  }, [isOpen]);\n\n  return (\n    <Modal\n      {...{ className, isOpen }}\n      data-cy=\"alert-box\"\n      data-testid=\"delete-archive-modal\"\n      onClose={handleClose}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"delete-archive-alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography\n          data-cy=\"delete-archive-alert-message\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n        <Checkbox\n          checked={isChecked}\n          className=\"mt-4\"\n          data-cy=\"delete-archive-alert-archive-checkbox\"\n          data-testid=\"delete-archive-alert-archive-checkbox\"\n          label={checkboxLabel}\n          onChange={() => setIsChecked(isChecked => !isChecked)}\n        />\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center justify-end\">\n        <Button\n          data-cy=\"delete-archive-alert-archive-button\"\n          disabled={not(isOpen)}\n          label={t(\"neetoMolecules.common.actions.archive\")}\n          loading={isArchiving}\n          style=\"secondary\"\n          onClick={onArchive}\n        />\n        <Button\n          data-cy=\"delete-archive-alert-delete-button\"\n          disabled={not(isChecked)}\n          label={t(\"neetoMolecules.common.actions.delete\")}\n          loading={isDeleting}\n          style=\"danger\"\n          onClick={onDelete}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nDeleteArchiveModal.propTypes = {\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the archive button\n   */\n  isArchiving: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the delete button\n   */\n  isDeleting: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n  /**\n   * Function to be called when the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Function to be called when the archive button is clicked\n   */\n  onArchive: PropTypes.func,\n  /**\n   * Function to be called when the delete button is clicked\n   * */\n  onDelete: PropTypes.func,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the modal\n   */\n  description: PropTypes.string,\n  /**\n   * Label for the checkbox\n   */\n  checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","_jsxs","Modal","children","_jsx","Header","Typography","style","Body","lineHeight","Checkbox","checked","label","onChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}

package/dist/DeviceIncompatibilityMessage.js

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import React__default from 'react';
+import classnames from 'classnames';
+import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import Typography from '@bigbinary/neetoui/Typography';
+import { p as propTypes } from './index-e5588516.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _rect, _path, _g, _g2, _path2, _defs;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgScreenSize = function SvgScreenSize(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 86,
+    height: 59,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    x: 7.951,
+    y: 2.061,
+    width: 70.094,
+    height: 45.532,
+    rx: 4.394,
+    stroke: "#87929D",
+    strokeWidth: 4.121
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M28.871 32.02 57.34 16.708",
+    stroke: "#87929D",
+    strokeWidth: 3,
+    strokeLinecap: "round"
+  })), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#screen-size_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m57.46 21.788 1.798-5.97-5.969-1.798",
+    stroke: "#87929D",
+    strokeWidth: 2.088,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), _g2 || (_g2 = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#screen-size_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m28.525 27.162-1.37 6.093 6.093 1.37",
+    stroke: "#87929D",
+    strokeWidth: 2.092,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M3 56.355h80",
+    stroke: "#87929D",
+    strokeWidth: 4.121,
+    strokeLinecap: "round"
+  })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "screen-size_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "rotate(-28.231 53.398 -92.874) skewX(-.001)",
+    d: "M0 0h11.137v11.137H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "screen-size_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "rotate(147.671 13.156 22.364) skewX(-.001)",
+    d: "M0 0h11.157v11.157H0z"
+  })))));
+};
+
+var DeviceIncompatibilityMessage = withT(function (_ref) {
+  var t = _ref.t,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("mx-auto flex w-full max-w-80 flex-col items-center justify-center p-4", className),
+    children: [/*#__PURE__*/jsx(SvgScreenSize, {}), /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-center mt-6",
+      "data-cy": "device-incompatibility-description",
+      "data-testid": "device-incompatibility-description",
+      style: "body2",
+      children: description || t("neetoMolecules.deviceIncompatibility.description")
+    })]
+  });
+});
+DeviceIncompatibilityMessage.propTypes = {
+  /**
+   * Additional classes to be added to the modal.
+   */
+  className: propTypes.exports.string,
+  /**
+   * To provide description.
+   */
+  description: propTypes.exports.node
+};
+var index = /*#__PURE__*/React__default.memo(DeviceIncompatibilityMessage);
+
+export { index as default };
+//# sourceMappingURL=DeviceIncompatibilityMessage.js.map