@truedat/bg 7.2.11 → 7.3.0

package/src/concepts/components/ConceptForms.js

@@ -1,200 +0,0 @@
-import _ from "lodash/fp";
-import React from "react";
-import PropTypes from "prop-types";
-import {
-  Button,
-  Container,
-  Grid,
-  Header,
-  Icon,
-  Segment,
-} from "semantic-ui-react";
-import { useIntl, FormattedMessage } from "react-intl";
-import { HistoryBackButton } from "@truedat/core/components";
-
-import ConceptFormTabs from "./ConceptFormTabs";
-import ConceptForm from "./ConceptForm";
-
-const isNonEmptyString = _.flow(_.trim, _.negate(_.isEmpty));
-
-const ConceptForms = ({
-  actionKey,
-  domainId,
-  template,
-  i18nConcept,
-  loading,
-  langs,
-  noTranslatableFields,
-  translatableFields,
-  setI18nConcept,
-  setDomainId,
-  setTemplate,
-  onSubmit,
-}) => {
-  const { formatMessage } = useIntl();
-
-  const handleI18nNameChange = (lang, name) => {
-    setI18nConcept(_.set(`${lang}.name`, name)(i18nConcept));
-  };
-
-  const handleDomainChange = (_e, { value }) => setDomainId(_.toInteger(value));
-
-  const handleTemplateChange = (value) => setTemplate(value);
-
-  const handleI18nConceptContentChange = (lang, { content }) => {
-    const filteredContent = i18nConcept[lang].is_default
-      ? content
-      : _.flow(_.pick(translatableFields))(content);
-    const updateI18nLangContent = _.flow(_.get(lang), (i18nLang) => {
-      return {
-        [lang]: {
-          ...i18nLang,
-          content: { ...filteredContent },
-        },
-      };
-    })(i18nConcept);
-
-    const updateI18nConcept = {
-      ...i18nConcept,
-      ...updateI18nLangContent,
-    };
-
-    setI18nConcept(updateI18nConcept);
-  };
-
-  const validDomain = () => _.isFinite(domainId);
-
-  const validNames = () =>
-    _.flow(
-      _.filter("is_required"),
-      _.map("name"),
-      _.every(isNonEmptyString)
-    )(i18nConcept);
-
-  const validTemplate = () =>
-    _.isObject(template) && isNonEmptyString(template?.name);
-
-  const isInvalid = !validDomain() || !validNames() || !validTemplate();
-
-  const renderSingle = () => {
-    const singleLang = _.get("lang")(_.first(langs.default));
-    return (
-      <Container as={Segment} text>
-        <Header as="h2">
-          <Icon name="book" />
-          <Header.Content>
-            {actionKey == "create" ? (
-              <FormattedMessage id="concepts.actions.create" />
-            ) : (
-              <FormattedMessage id="concepts.header.edit" />
-            )}
-          </Header.Content>
-        </Header>
-        <ConceptForm
-          actionKey={actionKey}
-          domainId={domainId}
-          template={template}
-          concept={i18nConcept[singleLang]}
-          defaultContent={i18nConcept[singleLang].content}
-          noTranslatableFields={[]}
-          onChangeDomainId={handleDomainChange}
-          onChangeName={handleI18nNameChange}
-          onChangeTemplate={handleTemplateChange}
-          onChangeConceptContent={handleI18nConceptContentChange}
-          loading={loading}
-        />
-        <div className="concept-forms-actions actions">
-          <HistoryBackButton
-            content={formatMessage({ id: "actions.cancel" })}
-          />
-          <Button
-            primary
-            disabled={isInvalid}
-            onClick={onSubmit}
-            content={formatMessage({ id: `actions.${actionKey}` })}
-          />
-        </div>
-      </Container>
-    );
-  };
-
-  const renderMultiple = () => {
-    return (
-      <>
-        <Header as="h2">
-          <Icon name="book" />
-          <Header.Content>
-            {actionKey == "create" ? (
-              <FormattedMessage id="concepts.actions.create" />
-            ) : (
-              <FormattedMessage id="concepts.header.edit" />
-            )}
-          </Header.Content>
-        </Header>
-
-        <Grid>
-          <Grid.Row columns={2}>
-            <ConceptFormTabs
-              actionKey={actionKey}
-              domainId={domainId}
-              template={template}
-              langs={langs.default}
-              loading={loading}
-              i18nConcept={i18nConcept}
-              onChangeDomainId={handleDomainChange}
-              onChangeName={handleI18nNameChange}
-              onChangeTemplate={handleTemplateChange}
-              onChangeConceptContent={handleI18nConceptContentChange}
-            />
-            <ConceptFormTabs
-              actionKey={actionKey}
-              domainId={domainId}
-              template={template}
-              langs={[...langs.required, ...langs.enabled]}
-              conceptActionLoading={loading}
-              i18nConcept={i18nConcept}
-              noTranslatableFields={noTranslatableFields}
-              onChangeName={handleI18nNameChange}
-              onChangeConceptContent={handleI18nConceptContentChange}
-            />
-          </Grid.Row>
-        </Grid>
-        <div className="concept-forms-actions actions">
-          <HistoryBackButton
-            content={formatMessage({ id: "actions.cancel" })}
-          />
-          <Button
-            primary
-            disabled={isInvalid}
-            onClick={onSubmit}
-            content={formatMessage({ id: `actions.${actionKey}` })}
-          />
-        </div>
-      </>
-    );
-  };
-
-  return !loading
-    ? _.isEmpty(langs.required) && _.isEmpty(langs.enabled)
-      ? renderSingle()
-      : renderMultiple()
-    : null;
-};
-
-ConceptForms.propTypes = {
-  loading: PropTypes.bool,
-  actionKey: PropTypes.string,
-  domainId: PropTypes.number,
-  template: PropTypes.object,
-  i18nConcept: PropTypes.object,
-  loading: PropTypes.bool,
-  langs: PropTypes.object,
-  noTranslatableFields: PropTypes.array,
-  translatableFields: PropTypes.array,
-  setI18nConcept: PropTypes.func,
-  setDomainId: PropTypes.func,
-  setTemplate: PropTypes.func,
-  onSubmit: PropTypes.func,
-};
-
-export default ConceptForms;