@truedat/bg 4.51.2 → 4.51.4

package/src/concepts/components/__tests__/__snapshots__/ConceptsBulkUpdate.spec.js.snap

@@ -1,111 +1,144 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptsBulkUpdate /> matches the latest snapshot 1`] = `
-<Container
-  as={[Function]}
-  text={true}
->
-  <Header
-    as="h2"
+<div>
+  <div
+    class="ui segment ui text container"
+    style=""
   >
-    <Icon
-      as="i"
-      name="book"
-    />
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="concepts.header.edit.bulk"
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="book icon"
       />
-    </HeaderContent>
-  </Header>
-  <Header
-    as="h3"
-  >
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="concepts.header.edit.bulk.concepts_count"
-        values={
-          Object {
-            "concepts_count": undefined,
-          }
-        }
-      />
-    </HeaderContent>
-  </Header>
-  <lazy />
-  <Header
-    as="h4"
-  >
-    <HeaderContent>
-      <MemoizedFormattedMessage
-        id="concepts.header.edit.bulk.info_message"
-      />
-    </HeaderContent>
-  </Header>
-  <Form
-    as="form"
-    loading={false}
-  >
-    <Connect(DomainDropdownSelector)
-      invalid={true}
-      onChange={[Function]}
-    />
-    <ConfirmModal
-      actions={
-        Array [
-          Object {
-            "content": <Memo(MemoizedFormattedMessage)
-              id="confirmation.no"
-            />,
-            "key": "no",
-            "secondary": true,
-          },
-          Object {
-            "content": <Memo(MemoizedFormattedMessage)
-              id="confirmation.yes"
-            />,
-            "key": "yes",
-            "onClick": [Function],
-            "primary": true,
-          },
-        ]
-      }
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="concepts.edit.bulk.confirmation.content"
-          values={
-            Object {
-              "concepts_count": undefined,
-            }
-          }
-        />
-      }
-      header={
-        <Memo(MemoizedFormattedMessage)
-          id="concepts.edit.bulk.confirmation.header"
-        />
-      }
-      onConfirm={[Function]}
-      trigger={
-        <Button
-          as="button"
-          content={
-            <Memo(MemoizedFormattedMessage)
-              id="actions.save"
-            />
-          }
-          disabled={true}
-          primary={true}
-        />
-      }
-    />
-    <HistoryBackButton
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="actions.cancel"
-        />
-      }
-    />
-  </Form>
-</Container>
+      <div
+        class="content"
+      >
+        Edit Business Concepts
+      </div>
+    </h2>
+    <h3
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Selected concepts: "1"
+      </div>
+    </h3>
+    <h4
+      class="ui header"
+    >
+      <div
+        class="content"
+      >
+        Only modify fields to be updated
+      </div>
+    </h4>
+    <form
+      class="ui form"
+    >
+      <div
+        class="required field"
+      >
+        <div
+          aria-expanded="false"
+          aria-multiselectable="false"
+          class="ui floating dropdown"
+          required=""
+          role="listbox"
+          tabindex="0"
+        >
+          <label>
+            Select a domain...
+          </label>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+          >
+            <div
+              class="ui left icon input search"
+            >
+              <input
+                type="text"
+              />
+              <i
+                aria-hidden="true"
+                class="search icon"
+              />
+            </div>
+            <div
+              class="scrolling menu transition"
+            >
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="plus icon"
+                  />
+                  barDomain
+                </div>
+              </div>
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="icon"
+                  />
+                  bazDomain
+                </div>
+              </div>
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="icon"
+                  />
+                  fooDomain
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Save
+      </button>
+      <a
+        class="ui secondary button"
+        href="/"
+        role="button"
+      >
+        Cancel
+      </a>
+    </form>
+  </div>
+</div>
 `;

package/src/concepts/components/__tests__/__snapshots__/SharedToForm.spec.js.snap

@@ -15,24 +15,19 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
       class="ui form"
     >
       <div
-        class="required field"
+        class="field"
       >
-        <label>
-          Domain
-        </label>
         <div
           aria-expanded="false"
           aria-multiselectable="true"
           class="ui floating multiple dropdown"
-          name="sharedTo"
-          required=""
           role="listbox"
           tabindex="0"
         >
           <div
             class="ui label"
           >
-            bar
+            barDomain
             <i
               aria-hidden="true"
               class="delete icon"
@@ -60,8 +55,8 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
               class="scrolling menu transition"
             >
               <div
-                aria-selected="false"
-                class="item"
+                aria-selected="true"
+                class="selected item"
                 role="option"
               >
                 <div
@@ -69,14 +64,14 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                 >
                   <i
                     aria-hidden="true"
-                    class="icon"
+                    class="plus icon"
                   />
-                  foo
+                  barDomain
                 </div>
               </div>
               <div
-                aria-selected="true"
-                class="selected item"
+                aria-selected="false"
+                class="item"
                 role="option"
               >
                 <div
@@ -86,7 +81,7 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                     aria-hidden="true"
                     class="icon"
                   />
-                  bar
+                  bazDomain
                 </div>
               </div>
               <div
@@ -101,7 +96,7 @@ exports[`<SharedToForm /> matches the latest snapshot 1`] = `
                     aria-hidden="true"
                     class="icon"
                   />
-                  baz
+                  fooDomain
                 </div>
               </div>
             </div>

package/src/taxonomy/components/index.js

@@ -1,13 +1,5 @@
-import DomainDropdownSelector from "./DomainDropdownSelector";
-import DomainMenuSelector from "./DomainMenuSelector";
 import DomainRoutes from "./DomainRoutes";
 import DomainsLoader from "./DomainsLoader";
 import DomainStructures from "./DomainStructures";
 
-export {
-  DomainDropdownSelector,
-  DomainMenuSelector,
-  DomainRoutes,
-  DomainsLoader,
-  DomainStructures,
-};
+export { DomainRoutes, DomainsLoader, DomainStructures };

package/src/taxonomy/components/DomainDropdownSelector.js

@@ -1,200 +0,0 @@
-import _ from "lodash/fp";
-import React, { useEffect, useState } from "react";
-import { connect } from "react-redux";
-import { Form, Icon, Label } from "semantic-ui-react";
-import PropTypes from "prop-types";
-import { lowerDeburr } from "@truedat/core/services/sort";
-import { useIntl } from "react-intl";
-import { getDomainSelectorOptions } from "../selectors";
-
-const toDomainOption = ({ id, canOpen, handleOpen, open, name, level }) => {
-  const doHandleOpen = (e) => {
-    e && e.preventDefault();
-    e && e.stopPropagation();
-    handleOpen(id);
-  };
-
-  return {
-    key: id,
-    text: name,
-    value: id,
-    content: (
-      <div style={{ marginLeft: `${8 * level}px` }}>
-        {canOpen ? (
-          <Icon name={open ? "minus" : "plus"} onClick={doHandleOpen} />
-        ) : (
-          <Icon />
-        )}
-        {name}
-      </div>
-    ),
-  };
-};
-
-export const DomainDropdownSelector = ({
-  clearable: preClearable = true,
-  disabled,
-  domainOptions: options,
-  hideLabel,
-  invalid,
-  multiple = false,
-  onChange,
-  value: defaultValue,
-}) => {
-  const [query, setQuery] = useState();
-  const [open, setOpen] = useState([]);
-  const [displayed, setDisplayed] = useState([]);
-  const [clearable, setClearable] = useState(preClearable);
-  const [value, setValue] = useState(defaultValue);
-  const { formatMessage } = useIntl();
-
-  useEffect(() => {
-    if (_.size(options) === 1) {
-      const firstValue = _.first(options).id;
-      if (value !== firstValue) {
-        setClearable(false);
-        handleChange({ preventDefault: () => {} }, { value: firstValue });
-      }
-    }
-  }, [options]);
-
-  useEffect(() => {
-    const option = _.find({ id: value })(options);
-    if (!_.isNil(option)) {
-      const ancestors = _.map("id")(option.ancestors);
-      const ids = [...ancestors, option.id];
-      setOpen(ancestors);
-      setDisplayed(ids);
-    }
-  }, [value, options]);
-
-  useEffect(() => {
-    if (!_.isNil(defaultValue) && value !== defaultValue) {
-      setValue(defaultValue);
-    }
-  }, [value, defaultValue]);
-
-  const displayAll = () => {
-    const ids = _.map("id")(options);
-    setOpen(ids);
-    setDisplayed(ids);
-  };
-
-  const handleOpen = (domainId) => {
-    const domain = _.find({ id: domainId })(options);
-    const isOpen = _.contains(domainId)(open);
-    const children = _.map("id")(domain.children);
-    const descendents = _.map("id")(domain.descendents);
-    if (isOpen) {
-      setOpen(_.without([domainId, ...descendents])(open));
-      setDisplayed(_.without(descendents)(displayed));
-    } else {
-      setOpen(_.union([domainId])(open));
-      setDisplayed(_.union(children)(displayed));
-    }
-  };
-
-  const handleBlur = () => {
-    setQuery();
-    const lastesSelection = _.isNumber(value) ? value : _.last(value);
-    if (!_.isNil(lastesSelection)) {
-      const domain = _.find({ id: lastesSelection })(options);
-      const ancestors = _.map("id")(domain.ancestors);
-      const ids = [...ancestors, domain.id];
-      setOpen(ancestors);
-      setDisplayed(ids);
-    }
-  };
-
-  const handleChange = (e, { value }) => {
-    e.preventDefault();
-    setQuery();
-    setValue(value);
-    onChange && onChange(e, { value });
-  };
-
-  const handleSearch = (e, { searchQuery }) => {
-    e.preventDefault();
-    setQuery(lowerDeburr(searchQuery));
-    if (!_.isEmpty(searchQuery)) {
-      displayAll();
-    }
-  };
-  const match = (name, query) => _.contains(query)(lowerDeburr(name));
-  const filterSearch = (all) => {
-    if (query) {
-      return _.filter(
-        (domain) =>
-          match(domain.name, query) ||
-          _.some((descendent) => match(descendent.name, query))(
-            domain.descendents
-          )
-      )(all);
-    }
-    return all;
-  };
-
-  const filterDisplayed = (all) =>
-    _.filter((domain) => domain.level == 0 || _.contains(domain.id)(displayed))(
-      all
-    );
-
-  const filteredOptions = _.flow(filterSearch, filterDisplayed)(options);
-
-  return (
-    <Form.Field required={!hideLabel}>
-      {!hideLabel && (
-        <label>
-          {formatMessage({ id: "domain.selector.label" })}
-          {invalid ? (
-            <Label pointing="left">
-              {formatMessage({ id: "template.form.validation.empty_required" })}
-            </Label>
-          ) : null}
-        </label>
-      )}
-      <Form.Dropdown
-        clearable={clearable}
-        disabled={disabled}
-        fluid
-        name="domain"
-        onChange={handleChange}
-        onBlur={handleBlur}
-        onSearchChange={handleSearch}
-        options={_.map((option) =>
-          toDomainOption({
-            ...option,
-            open: _.contains(option.id)(open),
-            canOpen: _.negate(_.isEmpty)(option.children),
-            handleOpen,
-          })
-        )(filteredOptions)}
-        placeholder={formatMessage({ id: "domain.selector.placeholder" })}
-        search={_.identity}
-        multiple={multiple}
-        selection
-        value={value}
-      />
-    </Form.Field>
-  );
-};
-
-DomainDropdownSelector.propTypes = {
-  clearable: PropTypes.bool,
-  disabled: PropTypes.bool,
-  domainOptions: PropTypes.array,
-  hideLabel: PropTypes.bool,
-  invalid: PropTypes.bool,
-  multiple: PropTypes.bool,
-  onChange: PropTypes.func,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),
-};
-
-const mapStateToProps = (state, props) => ({
-  domainOptions: _.flow(
-    _.prop("domainOptions"),
-    _.defaultTo(getDomainSelectorOptions(state))
-  )(props),
-});
-
-export default connect(mapStateToProps)(DomainDropdownSelector);