@bigbinary/neeto-fields-frontend 2.3.3 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{DeleteAlert-19876639.js → DeleteAlert-CJO7QTRI.js} +4 -5
- package/dist/{DeleteAlert-3ac1424d.js.map → DeleteAlert-CJO7QTRI.js.map} +1 -1
- package/dist/{DeleteAlert-3ac1424d.js → DeleteAlert-eLnhk6_S.js} +13 -23
- package/dist/{DeleteAlert-19876639.js.map → DeleteAlert-eLnhk6_S.js.map} +1 -1
- package/dist/FieldDeleteAlert.js +5 -5
- package/dist/FieldInputs.js +3 -3
- package/dist/{FieldValueInputWrapper-8403d6c0.js → FieldValueInputWrapper-DjK-3R-D.js} +5 -5
- package/dist/{FieldValueInputWrapper-8403d6c0.js.map → FieldValueInputWrapper-DjK-3R-D.js.map} +1 -1
- package/dist/{FieldValueInputWrapper-49352a3a.js → FieldValueInputWrapper-ue-Ncf4z.js} +14 -22
- package/dist/FieldValueInputWrapper-ue-Ncf4z.js.map +1 -0
- package/dist/FieldValuesContainer.js +6 -6
- package/dist/FieldValuesContainer.js.map +1 -1
- package/dist/FieldsDashboard.js +6 -6
- package/dist/FieldsDashboard.js.map +1 -1
- package/dist/FieldsPane.js +33 -34
- package/dist/FieldsPane.js.map +1 -1
- package/dist/InlineFieldValueInput.js +5 -5
- package/dist/cjs/FieldDeleteAlert.js +5 -5
- package/dist/cjs/FieldInputs.js +5 -10
- package/dist/cjs/FieldInputs.js.map +1 -1
- package/dist/cjs/FieldValuesContainer.js +13 -21
- package/dist/cjs/FieldValuesContainer.js.map +1 -1
- package/dist/cjs/FieldsDashboard.js +56 -78
- package/dist/cjs/FieldsDashboard.js.map +1 -1
- package/dist/cjs/FieldsPane.js +68 -86
- package/dist/cjs/FieldsPane.js.map +1 -1
- package/dist/cjs/InlineFieldValueInput.js +9 -16
- package/dist/cjs/InlineFieldValueInput.js.map +1 -1
- package/dist/cjs/hooks.js +3 -5
- package/dist/cjs/hooks.js.map +1 -1
- package/dist/cjs/index.js +32 -34
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils.js +3 -5
- package/dist/cjs/utils.js.map +1 -1
- package/dist/{constants-c71008a3.js → constants-CNocslTu.js} +1 -1
- package/dist/{constants-c71008a3.js.map → constants-CNocslTu.js.map} +1 -1
- package/dist/{constants-0e6017ea.js → constants-DAiy8JQK.js} +2 -2
- package/dist/{constants-0e6017ea.js.map → constants-DAiy8JQK.js.map} +1 -1
- package/dist/hooks.js +3 -3
- package/dist/{index-e6e554d7.js → index-BCXsyMdx.js} +1 -1
- package/dist/{index-e6e554d7.js.map → index-BCXsyMdx.js.map} +1 -1
- package/dist/{index-428f286f.js → index-D9idRDgn.js} +1 -1
- package/dist/{index-428f286f.js.map → index-D9idRDgn.js.map} +1 -1
- package/dist/index.js +32 -32
- package/dist/{query-1a62b3ac.js → query-DWn563ij.js} +1 -1
- package/dist/{query-1a62b3ac.js.map → query-DWn563ij.js.map} +1 -1
- package/dist/{query-0df5b2dd.js → query-DXkir3SS.js} +1 -1
- package/dist/{query-0df5b2dd.js.map → query-DXkir3SS.js.map} +1 -1
- package/dist/{useFieldsApi-5e5aa412.js → useFieldsApi-CNM4-TGd.js} +4 -4
- package/dist/{useFieldsApi-5e5aa412.js.map → useFieldsApi-CNM4-TGd.js.map} +1 -1
- package/dist/{useFieldsApi-02aeee16.js → useFieldsApi-CPPFCDrd.js} +14 -21
- package/dist/useFieldsApi-CPPFCDrd.js.map +1 -0
- package/dist/{utils-6f56aa82.js → utils-DhYh-OB8.js} +51 -71
- package/dist/utils-DhYh-OB8.js.map +1 -0
- package/dist/{utils-36c459ce.js → utils-Ft00NQnd.js} +4 -4
- package/dist/{utils-36c459ce.js.map → utils-Ft00NQnd.js.map} +1 -1
- package/dist/utils.js +3 -3
- package/package.json +11 -11
- package/dist/FieldValueInputWrapper-49352a3a.js.map +0 -1
- package/dist/useFieldsApi-02aeee16.js.map +0 -1
- package/dist/utils-6f56aa82.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldValuesContainer.js","sources":["../../node_modules/react-router-nav-prompt/dist/useNavPrompt.js","../../app/javascript/src/components/FieldValuesContainer/constants.js","../../app/javascript/src/components/FieldValuesContainer/BlockNavigation.jsx","../../app/javascript/src/components/FieldValuesContainer/index.jsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nconst useNavPrompt = ({\n shouldBlock\n}) => {\n const history = useHistory();\n\n const _unblock = useRef(null);\n\n const _navPath = useRef(null);\n\n const [blocked, setBlocked] = useState(false);\n useEffect(() => {\n if (shouldBlock) {\n _unblock.current = history.block(location => {\n // need to use ref?\n setBlocked(true);\n _navPath.current = location.pathname + location.search; // $FlowFixMe - See https://github.com/ReactTraining/history/issues/728\n\n return false;\n });\n return () => {\n if (_unblock.current) {\n _unblock.current();\n }\n };\n }\n }, [shouldBlock]);\n\n const navigate = () => {\n if (_unblock.current) {\n _unblock.current();\n\n setBlocked(false);\n\n if (_navPath.current) {\n history.push(_navPath.current);\n }\n }\n };\n\n const hidePrompt = () => {\n setBlocked(false);\n };\n\n return {\n blocked,\n navigate,\n hidePrompt\n };\n};\n\nexport default useNavPrompt;","import { t } from \"i18next\";\n\nexport const DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS = {\n title: t(\"neetoFields.messages.blockNavigationAlert.title\"),\n message: t(\"neetoFields.messages.blockNavigationAlert.message\"),\n submitButtonLabel: t(\n \"neetoFields.messages.blockNavigationAlert.submitButtonLabel\"\n ),\n cancelButtonLabel: t(\n \"neetoFields.messages.blockNavigationAlert.cancelButtonLabel\"\n ),\n};\n","import { useFormikContext } from \"formik\";\nimport { Alert } from \"neetoui\";\nimport { useNavPrompt } from \"react-router-nav-prompt\";\n\nimport { DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS } from \"./constants\";\n\nconst BlockNavigation = ({ blockNavigation, blockNavigationAlertProps }) => {\n const { dirty } = useFormikContext();\n const { blocked, hidePrompt, navigate } = useNavPrompt({\n shouldBlock: blockNavigation && dirty,\n });\n\n const alertProps = {\n ...DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS,\n ...blockNavigationAlertProps,\n };\n\n return (\n <Alert\n cancelButtonLabel={alertProps[\"cancelButtonLabel\"]}\n isOpen={blocked}\n message={alertProps[\"message\"]}\n submitButtonLabel={alertProps[\"submitButtonLabel\"]}\n title={alertProps[\"title\"]}\n onClose={hidePrompt}\n onSubmit={navigate}\n />\n );\n};\n\nexport default BlockNavigation;\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { isEmpty, isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getFieldInput, getNonSystemFields } from \"components/utils\";\nimport useFieldValues from \"hooks/useFieldValues\";\nimport { useFetchFields } from \"src/hooks/reactQuery/useFieldsApi\";\n\nimport BlockNavigationAlert from \"./BlockNavigation\";\nimport FieldValueInputWrapper from \"./FieldValueInputWrapper\";\n\nconst FieldValuesContainer = ({\n resourceType = \"\",\n fieldValues,\n fields: propFields,\n ownerId = \"\",\n resourceId,\n customComponents = {},\n className = \"\",\n showBorder = true,\n formRefs,\n disabled = false,\n isRequiredColumnName,\n fieldClassName,\n onMutationSuccess = noop,\n blockNavigation = false,\n blockNavigationAlertProps = {},\n}) => {\n const { t } = useTranslation();\n\n const queryOptions = { onSuccess: onMutationSuccess };\n\n const {\n data: { fields: fetchedFields = [] } = {},\n isLoading: isFieldsLoading,\n } = useFetchFields(\n {\n resourceType: isEmpty(resourceType) ? undefined : resourceType,\n ownerId: isEmpty(ownerId) ? undefined : ownerId,\n state: \"active\",\n },\n { enabled: isNil(propFields) }\n );\n\n const { handleSubmit, submittingFieldDetails } = useFieldValues({\n resourceId,\n resourceType,\n ownerId,\n queryOptions,\n });\n\n const fields = propFields || fetchedFields;\n\n return (\n <div\n className={classnames(\n \"space-y-3 py-3\",\n {\n \"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border px-4 py-2\":\n showBorder,\n },\n className\n )}\n >\n {isFieldsLoading ? (\n <div className=\"flex items-center justify-center\">\n <Spinner />\n </div>\n ) : (\n getNonSystemFields(fields).map(field => {\n const Field = getFieldInput({ field, customComponents });\n\n if (Field) {\n return (\n <div\n className={classnames(fieldClassName, \"space-y-1\")}\n key={field.id}\n >\n <FieldValueInputWrapper\n {...{ field, fieldValues }}\n className={fieldClassName}\n onSubmit={values => handleSubmit(field, values)}\n >\n <div className=\"w-full\">\n <Field\n {...{\n ...field,\n disabled,\n formRefs,\n isRequiredColumnName,\n }}\n individualSubmit\n submissionStatus={\n submittingFieldDetails[field.id]?.status\n }\n />\n <BlockNavigationAlert\n {...{ blockNavigation, blockNavigationAlertProps }}\n />\n </div>\n </FieldValueInputWrapper>\n </div>\n );\n }\n\n return (\n <Typography key={field.id} style=\"body2\">\n {t(\"neetoFields.messages.invalidKind\")}\n </Typography>\n );\n })\n )}\n </div>\n );\n};\n\nexport default FieldValuesContainer;\n"],"names":["useHistory","useRef","useState","useEffect","DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS","title","t","message","submitButtonLabel","cancelButtonLabel","BlockNavigation","_ref","blockNavigation","blockNavigationAlertProps","_useFormikContext","useFormikContext","dirty","_useNavPrompt","useNavPrompt","shouldBlock","blocked","hidePrompt","navigate","alertProps","_objectSpread","_jsx","Alert","isOpen","onClose","onSubmit","FieldValuesContainer","_ref$resourceType","resourceType","fieldValues","propFields","fields","_ref$ownerId","ownerId","resourceId","_ref$customComponents","customComponents","_ref$className","className","_ref$showBorder","showBorder","formRefs","_ref$disabled","disabled","isRequiredColumnName","fieldClassName","_ref$onMutationSucces","onMutationSuccess","noop","_ref$blockNavigation","_ref$blockNavigationA","_useTranslation","useTranslation","queryOptions","onSuccess","_useFetchFields","useFetchFields","isEmpty","undefined","state","enabled","isNil","_useFetchFields$data","data","_useFetchFields$data2","_useFetchFields$data3","fetchedFields","isFieldsLoading","isLoading","_useFieldValues","useFieldValues","handleSubmit","submittingFieldDetails","classnames","children","Spinner","getNonSystemFields","map","field","Field","getFieldInput","_submittingFieldDetai","FieldValueInputWrapper","values","_jsxs","individualSubmit","submissionStatus","id","status","BlockNavigationAlert","Typography","style"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FieldValuesContainer.js","sources":["../../node_modules/react-router-nav-prompt/dist/useNavPrompt.js","../../app/javascript/src/components/FieldValuesContainer/constants.js","../../app/javascript/src/components/FieldValuesContainer/BlockNavigation.jsx","../../app/javascript/src/components/FieldValuesContainer/index.jsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nconst useNavPrompt = ({\n shouldBlock\n}) => {\n const history = useHistory();\n\n const _unblock = useRef(null);\n\n const _navPath = useRef(null);\n\n const [blocked, setBlocked] = useState(false);\n useEffect(() => {\n if (shouldBlock) {\n _unblock.current = history.block(location => {\n // need to use ref?\n setBlocked(true);\n _navPath.current = location.pathname + location.search; // $FlowFixMe - See https://github.com/ReactTraining/history/issues/728\n\n return false;\n });\n return () => {\n if (_unblock.current) {\n _unblock.current();\n }\n };\n }\n }, [shouldBlock]);\n\n const navigate = () => {\n if (_unblock.current) {\n _unblock.current();\n\n setBlocked(false);\n\n if (_navPath.current) {\n history.push(_navPath.current);\n }\n }\n };\n\n const hidePrompt = () => {\n setBlocked(false);\n };\n\n return {\n blocked,\n navigate,\n hidePrompt\n };\n};\n\nexport default useNavPrompt;","import { t } from \"i18next\";\n\nexport const DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS = {\n title: t(\"neetoFields.messages.blockNavigationAlert.title\"),\n message: t(\"neetoFields.messages.blockNavigationAlert.message\"),\n submitButtonLabel: t(\n \"neetoFields.messages.blockNavigationAlert.submitButtonLabel\"\n ),\n cancelButtonLabel: t(\n \"neetoFields.messages.blockNavigationAlert.cancelButtonLabel\"\n ),\n};\n","import { useFormikContext } from \"formik\";\nimport { Alert } from \"neetoui\";\nimport { useNavPrompt } from \"react-router-nav-prompt\";\n\nimport { DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS } from \"./constants\";\n\nconst BlockNavigation = ({ blockNavigation, blockNavigationAlertProps }) => {\n const { dirty } = useFormikContext();\n const { blocked, hidePrompt, navigate } = useNavPrompt({\n shouldBlock: blockNavigation && dirty,\n });\n\n const alertProps = {\n ...DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS,\n ...blockNavigationAlertProps,\n };\n\n return (\n <Alert\n cancelButtonLabel={alertProps[\"cancelButtonLabel\"]}\n isOpen={blocked}\n message={alertProps[\"message\"]}\n submitButtonLabel={alertProps[\"submitButtonLabel\"]}\n title={alertProps[\"title\"]}\n onClose={hidePrompt}\n onSubmit={navigate}\n />\n );\n};\n\nexport default BlockNavigation;\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { isEmpty, isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getFieldInput, getNonSystemFields } from \"components/utils\";\nimport useFieldValues from \"hooks/useFieldValues\";\nimport { useFetchFields } from \"src/hooks/reactQuery/useFieldsApi\";\n\nimport BlockNavigationAlert from \"./BlockNavigation\";\nimport FieldValueInputWrapper from \"./FieldValueInputWrapper\";\n\nconst FieldValuesContainer = ({\n resourceType = \"\",\n fieldValues,\n fields: propFields,\n ownerId = \"\",\n resourceId,\n customComponents = {},\n className = \"\",\n showBorder = true,\n formRefs,\n disabled = false,\n isRequiredColumnName,\n fieldClassName,\n onMutationSuccess = noop,\n blockNavigation = false,\n blockNavigationAlertProps = {},\n}) => {\n const { t } = useTranslation();\n\n const queryOptions = { onSuccess: onMutationSuccess };\n\n const {\n data: { fields: fetchedFields = [] } = {},\n isLoading: isFieldsLoading,\n } = useFetchFields(\n {\n resourceType: isEmpty(resourceType) ? undefined : resourceType,\n ownerId: isEmpty(ownerId) ? undefined : ownerId,\n state: \"active\",\n },\n { enabled: isNil(propFields) }\n );\n\n const { handleSubmit, submittingFieldDetails } = useFieldValues({\n resourceId,\n resourceType,\n ownerId,\n queryOptions,\n });\n\n const fields = propFields || fetchedFields;\n\n return (\n <div\n className={classnames(\n \"space-y-3 py-3\",\n {\n \"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border px-4 py-2\":\n showBorder,\n },\n className\n )}\n >\n {isFieldsLoading ? (\n <div className=\"flex items-center justify-center\">\n <Spinner />\n </div>\n ) : (\n getNonSystemFields(fields).map(field => {\n const Field = getFieldInput({ field, customComponents });\n\n if (Field) {\n return (\n <div\n className={classnames(fieldClassName, \"space-y-1\")}\n key={field.id}\n >\n <FieldValueInputWrapper\n {...{ field, fieldValues }}\n className={fieldClassName}\n onSubmit={values => handleSubmit(field, values)}\n >\n <div className=\"w-full\">\n <Field\n {...{\n ...field,\n disabled,\n formRefs,\n isRequiredColumnName,\n }}\n individualSubmit\n submissionStatus={\n submittingFieldDetails[field.id]?.status\n }\n />\n <BlockNavigationAlert\n {...{ blockNavigation, blockNavigationAlertProps }}\n />\n </div>\n </FieldValueInputWrapper>\n </div>\n );\n }\n\n return (\n <Typography key={field.id} style=\"body2\">\n {t(\"neetoFields.messages.invalidKind\")}\n </Typography>\n );\n })\n )}\n </div>\n );\n};\n\nexport default FieldValuesContainer;\n"],"names":["useHistory","useRef","useState","useEffect","DEAFULT_BLOCK_NAVIGATION_ALERT_PROPS","title","t","message","submitButtonLabel","cancelButtonLabel","BlockNavigation","_ref","blockNavigation","blockNavigationAlertProps","_useFormikContext","useFormikContext","dirty","_useNavPrompt","useNavPrompt","shouldBlock","blocked","hidePrompt","navigate","alertProps","_objectSpread","_jsx","Alert","isOpen","onClose","onSubmit","FieldValuesContainer","_ref$resourceType","resourceType","fieldValues","propFields","fields","_ref$ownerId","ownerId","resourceId","_ref$customComponents","customComponents","_ref$className","className","_ref$showBorder","showBorder","formRefs","_ref$disabled","disabled","isRequiredColumnName","fieldClassName","_ref$onMutationSucces","onMutationSuccess","noop","_ref$blockNavigation","_ref$blockNavigationA","_useTranslation","useTranslation","queryOptions","onSuccess","_useFetchFields","useFetchFields","isEmpty","undefined","state","enabled","isNil","_useFetchFields$data","data","_useFetchFields$data2","_useFetchFields$data3","fetchedFields","isFieldsLoading","isLoading","_useFieldValues","useFieldValues","handleSubmit","submittingFieldDetails","classnames","children","Spinner","getNonSystemFields","map","field","Field","getFieldInput","_submittingFieldDetai","FieldValueInputWrapper","values","_jsxs","individualSubmit","submissionStatus","id","status","BlockNavigationAlert","Typography","style"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -15,12 +15,12 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
|
15
15
|
var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
|
|
16
16
|
var utils = require('@bigbinary/neeto-filters-frontend/utils');
|
|
17
17
|
var reactRouterDom = require('react-router-dom');
|
|
18
|
-
var constants$1 = require('../constants-
|
|
19
|
-
var FieldDeleteAlert = require('../DeleteAlert-
|
|
18
|
+
var constants$1 = require('../constants-CNocslTu.js');
|
|
19
|
+
var FieldDeleteAlert = require('../DeleteAlert-eLnhk6_S.js');
|
|
20
20
|
var axios = require('axios');
|
|
21
|
-
var index = require('../index-
|
|
22
|
-
var query = require('../query-
|
|
23
|
-
var useFieldsApi = require('../useFieldsApi-
|
|
21
|
+
var index = require('../index-D9idRDgn.js');
|
|
22
|
+
var query = require('../query-DXkir3SS.js');
|
|
23
|
+
var useFieldsApi = require('../useFieldsApi-CPPFCDrd.js');
|
|
24
24
|
var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
|
|
25
25
|
var NoData = require('@bigbinary/neetoui/NoData');
|
|
26
26
|
var Table = require('@bigbinary/neetoui/Table');
|
|
@@ -52,37 +52,15 @@ require('@bigbinary/neetoui/Alert');
|
|
|
52
52
|
require('@bigbinary/neeto-molecules/MoreDropdown');
|
|
53
53
|
require('@bigbinary/neetoui/Tab');
|
|
54
54
|
|
|
55
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
56
|
-
|
|
57
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
58
|
-
var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
|
|
59
|
-
var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
|
|
60
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
61
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
62
|
-
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
63
|
-
var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
|
|
64
|
-
var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
|
|
65
|
-
var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
|
|
66
|
-
var NeetoUIHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIHeader);
|
|
67
|
-
var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
|
|
68
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
69
|
-
var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
|
|
70
|
-
var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
|
|
71
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
72
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
73
|
-
var Reorder__default = /*#__PURE__*/_interopDefaultLegacy(Reorder);
|
|
74
|
-
var FilterBar__default = /*#__PURE__*/_interopDefaultLegacy(FilterBar);
|
|
75
|
-
var NeetoUISubHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUISubHeader);
|
|
76
|
-
|
|
77
55
|
var fetchConfigs = function fetchConfigs() {
|
|
78
|
-
return
|
|
56
|
+
return axios.get(index.CONFIGS_URL);
|
|
79
57
|
};
|
|
80
58
|
var configsApi = {
|
|
81
59
|
fetchConfigs: fetchConfigs
|
|
82
60
|
};
|
|
83
61
|
|
|
84
62
|
function ownKeys$5(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; }
|
|
85
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) {
|
|
63
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
86
64
|
var useFetchConfigs = function useFetchConfigs(options) {
|
|
87
65
|
return reactQuery.useQuery(_objectSpread$5({
|
|
88
66
|
queryKey: [query.QUERY_KEYS.CONFIGS],
|
|
@@ -92,7 +70,7 @@ var useFetchConfigs = function useFetchConfigs(options) {
|
|
|
92
70
|
};
|
|
93
71
|
|
|
94
72
|
function ownKeys$4(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; }
|
|
95
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) {
|
|
73
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
96
74
|
var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
97
75
|
var buildColumnData = _ref.buildColumnData,
|
|
98
76
|
isOwnerBased = _ref.isOwnerBased,
|
|
@@ -102,26 +80,26 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
102
80
|
resources = _ref.resources,
|
|
103
81
|
showStateFilter = _ref.showStateFilter;
|
|
104
82
|
var _useState = React.useState(false),
|
|
105
|
-
_useState2 =
|
|
83
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
106
84
|
isPaneOpen = _useState2[0],
|
|
107
85
|
setIsPaneOpen = _useState2[1];
|
|
108
86
|
var _useState3 = React.useState(false),
|
|
109
|
-
_useState4 =
|
|
87
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
110
88
|
isDeleteAlertOpen = _useState4[0],
|
|
111
89
|
setIsDeleteAlertOpen = _useState4[1];
|
|
112
90
|
var _useState5 = React.useState(false),
|
|
113
|
-
_useState6 =
|
|
91
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
114
92
|
isReorderPaneOpen = _useState6[0],
|
|
115
93
|
setIsReorderPaneOpen = _useState6[1];
|
|
116
94
|
var _useState7 = React.useState({}),
|
|
117
|
-
_useState8 =
|
|
95
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
118
96
|
selectedField = _useState8[0],
|
|
119
97
|
setSelectedField = _useState8[1];
|
|
120
98
|
var _useState9 = React.useState({
|
|
121
99
|
page: constants.DEFAULT_PAGE_INDEX,
|
|
122
100
|
pageSize: constants.DEFAULT_PAGE_SIZE
|
|
123
101
|
}),
|
|
124
|
-
_useState10 =
|
|
102
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
125
103
|
pageProps = _useState10[0],
|
|
126
104
|
setPageProps = _useState10[1];
|
|
127
105
|
var _useQueryParams = reactUtils.useQueryParams(),
|
|
@@ -324,7 +302,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
|
|
|
324
302
|
};
|
|
325
303
|
|
|
326
304
|
function ownKeys$3(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; }
|
|
327
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) {
|
|
305
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
328
306
|
var FieldsTable = function FieldsTable(_ref) {
|
|
329
307
|
var totalCount = _ref.totalCount,
|
|
330
308
|
isFetched = _ref.isFetched,
|
|
@@ -349,7 +327,7 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
349
327
|
if (!isFetched && ramda.isEmpty(rowData)) {
|
|
350
328
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
351
329
|
className: "flex h-full w-full items-center justify-center",
|
|
352
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
330
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
|
|
353
331
|
});
|
|
354
332
|
}
|
|
355
333
|
if (helpDocUrl) {
|
|
@@ -363,11 +341,11 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
363
341
|
}
|
|
364
342
|
};
|
|
365
343
|
}
|
|
366
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
344
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
|
|
367
345
|
hasPagination: totalCount > constants.DEFAULT_PAGE_SIZE,
|
|
368
346
|
children: showNoDataScreen ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
369
347
|
className: "flex h-full w-full items-center justify-center",
|
|
370
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
348
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$3({
|
|
371
349
|
title: showStateFilter ? t("neetoFields.messages.noFieldsWithState", {
|
|
372
350
|
title: title,
|
|
373
351
|
state: state
|
|
@@ -375,7 +353,7 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
375
353
|
title: title
|
|
376
354
|
})
|
|
377
355
|
}, noDataProps))
|
|
378
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(
|
|
356
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Table, {
|
|
379
357
|
columnData: columnData,
|
|
380
358
|
rowData: rowData,
|
|
381
359
|
totalCount: totalCount,
|
|
@@ -394,7 +372,7 @@ var FieldsTable = function FieldsTable(_ref) {
|
|
|
394
372
|
};
|
|
395
373
|
|
|
396
374
|
function ownKeys$2(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; }
|
|
397
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
|
|
375
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
398
376
|
var Header = reactUtils.withT(function (_ref) {
|
|
399
377
|
var searchInputProps = _ref.searchInputProps,
|
|
400
378
|
breadcrumbs = _ref.breadcrumbs,
|
|
@@ -404,11 +382,11 @@ var Header = reactUtils.withT(function (_ref) {
|
|
|
404
382
|
size = _ref.size,
|
|
405
383
|
setIsPaneOpen = _ref.setIsPaneOpen,
|
|
406
384
|
t = _ref.t;
|
|
407
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
385
|
+
return /*#__PURE__*/jsxRuntime.jsx(NeetoUIHeader, {
|
|
408
386
|
breadcrumbs: breadcrumbs,
|
|
409
387
|
size: size,
|
|
410
388
|
searchProps: searchInputProps,
|
|
411
|
-
actionBlock: /*#__PURE__*/jsxRuntime.jsx(
|
|
389
|
+
actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
412
390
|
"data-cy": "neeto-fields-add-button",
|
|
413
391
|
label: t("neetoFields.labels.addField"),
|
|
414
392
|
onClick: function onClick() {
|
|
@@ -416,7 +394,7 @@ var Header = reactUtils.withT(function (_ref) {
|
|
|
416
394
|
}
|
|
417
395
|
}),
|
|
418
396
|
title: /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
419
|
-
children: [title, (helpDocUrl || helpDescription) && /*#__PURE__*/jsxRuntime.jsx(
|
|
397
|
+
children: [title, (helpDocUrl || helpDescription) && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$2(_objectSpread$2(_objectSpread$2({
|
|
420
398
|
className: "ml-2 self-center"
|
|
421
399
|
}, helpDocUrl && {
|
|
422
400
|
title: title
|
|
@@ -434,7 +412,7 @@ var Header = reactUtils.withT(function (_ref) {
|
|
|
434
412
|
var Menubar = function Menubar(_ref) {
|
|
435
413
|
var menuBarItems = _ref.menuBarItems,
|
|
436
414
|
title = _ref.title;
|
|
437
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
415
|
+
return /*#__PURE__*/jsxRuntime.jsx(MenuBar, {
|
|
438
416
|
showMenu: true,
|
|
439
417
|
title: title,
|
|
440
418
|
children: menuBarItems
|
|
@@ -778,7 +756,7 @@ function HiddenText(_ref) {
|
|
|
778
756
|
id,
|
|
779
757
|
value
|
|
780
758
|
} = _ref;
|
|
781
|
-
return
|
|
759
|
+
return React.createElement("div", {
|
|
782
760
|
id: id,
|
|
783
761
|
style: hiddenStyles
|
|
784
762
|
}, value);
|
|
@@ -801,7 +779,7 @@ function LiveRegion(_ref) {
|
|
|
801
779
|
id,
|
|
802
780
|
announcement
|
|
803
781
|
} = _ref;
|
|
804
|
-
return
|
|
782
|
+
return React.createElement("div", {
|
|
805
783
|
id: id,
|
|
806
784
|
style: visuallyHidden,
|
|
807
785
|
role: "status",
|
|
@@ -982,10 +960,10 @@ function Accessibility(_ref) {
|
|
|
982
960
|
return null;
|
|
983
961
|
}
|
|
984
962
|
|
|
985
|
-
const markup =
|
|
963
|
+
const markup = React.createElement(React.Fragment, null, React.createElement(HiddenText, {
|
|
986
964
|
id: hiddenTextDescribedById,
|
|
987
965
|
value: screenReaderInstructions.draggable
|
|
988
|
-
}),
|
|
966
|
+
}), React.createElement(LiveRegion, {
|
|
989
967
|
id: liveRegionId,
|
|
990
968
|
announcement: announcement
|
|
991
969
|
}));
|
|
@@ -1058,7 +1036,7 @@ function getFirstCollision(collisions, property) {
|
|
|
1058
1036
|
}
|
|
1059
1037
|
|
|
1060
1038
|
const [firstCollision] = collisions;
|
|
1061
|
-
return
|
|
1039
|
+
return firstCollision[property] ;
|
|
1062
1040
|
}
|
|
1063
1041
|
|
|
1064
1042
|
/**
|
|
@@ -3929,17 +3907,17 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
|
3929
3907
|
};
|
|
3930
3908
|
return context;
|
|
3931
3909
|
}, [activatorEvent, activators, active, activeNodeRect, dispatch, draggableDescribedById, draggableNodes, over, measureDroppableContainers]);
|
|
3932
|
-
return
|
|
3910
|
+
return React.createElement(DndMonitorContext.Provider, {
|
|
3933
3911
|
value: registerMonitorListener
|
|
3934
|
-
},
|
|
3912
|
+
}, React.createElement(InternalContext.Provider, {
|
|
3935
3913
|
value: internalContext
|
|
3936
|
-
},
|
|
3914
|
+
}, React.createElement(PublicContext.Provider, {
|
|
3937
3915
|
value: publicContext
|
|
3938
|
-
},
|
|
3916
|
+
}, React.createElement(ActiveDraggableContext.Provider, {
|
|
3939
3917
|
value: transform
|
|
3940
|
-
}, children)),
|
|
3918
|
+
}, children)), React.createElement(RestoreFocus, {
|
|
3941
3919
|
disabled: (accessibility == null ? void 0 : accessibility.restoreFocus) === false
|
|
3942
|
-
})),
|
|
3920
|
+
})), React.createElement(Accessibility, { ...accessibility,
|
|
3943
3921
|
hiddenTextDescribedById: draggableDescribedById
|
|
3944
3922
|
}));
|
|
3945
3923
|
|
|
@@ -4308,7 +4286,7 @@ function getItemGap$1(clientRects, index, activeIndex) {
|
|
|
4308
4286
|
}
|
|
4309
4287
|
|
|
4310
4288
|
const ID_PREFIX = 'Sortable';
|
|
4311
|
-
const Context = /*#__PURE__*/
|
|
4289
|
+
const Context = /*#__PURE__*/React.createContext({
|
|
4312
4290
|
activeIndex: -1,
|
|
4313
4291
|
containerId: ID_PREFIX,
|
|
4314
4292
|
disableTransforms: false,
|
|
@@ -4367,7 +4345,7 @@ function SortableContext(_ref) {
|
|
|
4367
4345
|
strategy
|
|
4368
4346
|
}), // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4369
4347
|
[activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]);
|
|
4370
|
-
return
|
|
4348
|
+
return React.createElement(Context.Provider, {
|
|
4371
4349
|
value: contextValue
|
|
4372
4350
|
}, children);
|
|
4373
4351
|
}
|
|
@@ -4676,7 +4654,7 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
|
|
|
4676
4654
|
[KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
|
|
4677
4655
|
|
|
4678
4656
|
function ownKeys$1(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; }
|
|
4679
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
4657
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4680
4658
|
var FieldBlock = function FieldBlock(_ref) {
|
|
4681
4659
|
var field = _ref.field,
|
|
4682
4660
|
index = _ref.index;
|
|
@@ -4702,10 +4680,10 @@ var FieldBlock = function FieldBlock(_ref) {
|
|
|
4702
4680
|
className: "neeto-ui-text-gray-800 group mb-3 flex w-full items-center gap-x-4 font-medium",
|
|
4703
4681
|
"data-cy": "reorder-field-block",
|
|
4704
4682
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
4705
|
-
className:
|
|
4683
|
+
className: classnames("cursor-grab", {
|
|
4706
4684
|
"cursor-grabbing": isDragging
|
|
4707
4685
|
}),
|
|
4708
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
4686
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Reorder, {})
|
|
4709
4687
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
4710
4688
|
className: "neeto-ui-border-gray-400 neeto-ui-bg-white neeto-ui-rounded neeto-ui-shadow-xs flex flex-grow items-center border border-solid p-3 transition-all duration-300 ease-in-out group-hover:bg-gray-200",
|
|
4711
4689
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -4722,7 +4700,7 @@ var ReorderPane = function ReorderPane(_ref) {
|
|
|
4722
4700
|
onClose = _ref.onClose,
|
|
4723
4701
|
ownerId = _ref.ownerId;
|
|
4724
4702
|
var _useState = React.useState([]),
|
|
4725
|
-
_useState2 =
|
|
4703
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
4726
4704
|
fields = _useState2[0],
|
|
4727
4705
|
setFields = _useState2[1];
|
|
4728
4706
|
var initialStateRef = React.useRef([]);
|
|
@@ -4775,18 +4753,18 @@ var ReorderPane = function ReorderPane(_ref) {
|
|
|
4775
4753
|
setFields(allFields);
|
|
4776
4754
|
initialStateRef.current = allFields;
|
|
4777
4755
|
}, [allFields]);
|
|
4778
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
4756
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
|
|
4779
4757
|
isOpen: isOpen,
|
|
4780
4758
|
onClose: onClose,
|
|
4781
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
4782
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
4759
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
|
|
4760
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
4783
4761
|
"data-cy": "reorder-pane-header",
|
|
4784
4762
|
style: "h2",
|
|
4785
4763
|
weight: "semibold",
|
|
4786
4764
|
children: t("neetoFields.titles.reorderFields")
|
|
4787
4765
|
})
|
|
4788
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
4789
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
4766
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
|
|
4767
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
4790
4768
|
className: "mb-3",
|
|
4791
4769
|
"data-cy": "reorder-pane-message",
|
|
4792
4770
|
style: "body2",
|
|
@@ -4810,15 +4788,15 @@ var ReorderPane = function ReorderPane(_ref) {
|
|
|
4810
4788
|
})
|
|
4811
4789
|
})
|
|
4812
4790
|
})]
|
|
4813
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
4791
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
|
|
4814
4792
|
className: "flex items-center space-x-2",
|
|
4815
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
4793
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
4816
4794
|
"data-cy": "save-changes-button",
|
|
4817
4795
|
disabled: initialStateRef.current === fields,
|
|
4818
4796
|
label: t("neetoFields.labels.saveChanges"),
|
|
4819
4797
|
loading: isSubmitting,
|
|
4820
4798
|
onClick: handleReorderSave
|
|
4821
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
4799
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
4822
4800
|
"data-cy": "cancel-button",
|
|
4823
4801
|
label: t("neetoFields.labels.cancel"),
|
|
4824
4802
|
style: "text",
|
|
@@ -4836,22 +4814,22 @@ var Subheader = function Subheader(_ref) {
|
|
|
4836
4814
|
showSubheader = _ref.showSubheader;
|
|
4837
4815
|
var _useTranslation = reactI18next.useTranslation(),
|
|
4838
4816
|
t = _useTranslation.t;
|
|
4839
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
4817
|
+
return /*#__PURE__*/jsxRuntime.jsx(NeetoUISubHeader, {
|
|
4840
4818
|
leftActionBlock: showSubheader && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4841
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
4819
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
4842
4820
|
className: "neeto-ui-gray-800 mr-4 font-semibold",
|
|
4843
4821
|
"data-cy": "neeto-fields-subheader-text",
|
|
4844
4822
|
style: "h4",
|
|
4845
4823
|
children: t("neetoFields.titles.fieldWithCount", {
|
|
4846
4824
|
count: count
|
|
4847
4825
|
})
|
|
4848
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
4826
|
+
}), /*#__PURE__*/jsxRuntime.jsx(FilterBar, {
|
|
4849
4827
|
keyword: searchKeywordProps
|
|
4850
4828
|
})]
|
|
4851
4829
|
}),
|
|
4852
|
-
rightActionBlock: reorderable && /*#__PURE__*/jsxRuntime.jsx(
|
|
4830
|
+
rightActionBlock: reorderable && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
4853
4831
|
"data-cy": "neeto-fields-reorder-button",
|
|
4854
|
-
icon:
|
|
4832
|
+
icon: Reorder,
|
|
4855
4833
|
style: "text",
|
|
4856
4834
|
onClick: function onClick() {
|
|
4857
4835
|
return setIsReorderPaneOpen(true);
|
|
@@ -4861,7 +4839,7 @@ var Subheader = function Subheader(_ref) {
|
|
|
4861
4839
|
};
|
|
4862
4840
|
|
|
4863
4841
|
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; }
|
|
4864
|
-
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) {
|
|
4842
|
+
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; }
|
|
4865
4843
|
var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
4866
4844
|
var _ref$rowData = _ref.rowData,
|
|
4867
4845
|
rowData = _ref$rowData === void 0 ? [] : _ref$rowData,
|
|
@@ -4947,7 +4925,7 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
|
4947
4925
|
children: [isMenuBarNeeded && /*#__PURE__*/jsxRuntime.jsx(Menubar, {
|
|
4948
4926
|
menuBarItems: menuBarItems,
|
|
4949
4927
|
title: title
|
|
4950
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
4928
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(Container, {
|
|
4951
4929
|
children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({}, headerProps)), showStateFilter && stateFilterTabs, /*#__PURE__*/jsxRuntime.jsx(Subheader, {
|
|
4952
4930
|
count: count,
|
|
4953
4931
|
reorderable: reorderable,
|
|
@@ -4956,7 +4934,7 @@ var FieldsDashboard = function FieldsDashboard(_ref) {
|
|
|
4956
4934
|
showSubheader: showSubheader
|
|
4957
4935
|
}), isScreenLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
4958
4936
|
className: "flex h-full w-full items-center justify-center",
|
|
4959
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
4937
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
|
|
4960
4938
|
}) : /*#__PURE__*/jsxRuntime.jsx(FieldsTable, {
|
|
4961
4939
|
columnData: columnData,
|
|
4962
4940
|
helpDescription: helpDescription,
|