@akemona-org/strapi-plugin-content-type-builder 3.7.0

package/admin/src/components/SelectMenuUl/index.js

@@ -0,0 +1,66 @@
+import styled from 'styled-components';
+
+const Ul = styled.ul`
+  max-height: ${props => props.maxHeight};
+  padding: 0 15px;
+  background-color: #fff;
+  list-style: none;
+  font-size: 13px;
+  > li {
+    label {
+      flex-shrink: 1;
+      width: fit-content !important;
+      cursor: pointer;
+    }
+
+    .check-wrapper {
+      z-index: 9;
+      > input {
+        z-index: 1;
+      }
+    }
+    .chevron {
+      margin: auto;
+
+      font-size: 11px;
+      color: #919bae;
+    }
+  }
+  .li-multi-menu {
+    margin-bottom: -3px;
+  }
+  .li {
+    line-height: 27px;
+    position: relative;
+    > p {
+      margin: 0;
+    }
+
+    &:hover {
+      > p::after {
+        content: attr(datadescr);
+        position: absolute;
+        left: 0;
+        color: #007eff;
+        font-weight: 700;
+        z-index: 100;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        z-index: 1;
+        top: 0;
+        left: -30px;
+        right: -30px;
+        bottom: 0;
+        background-color: #e6f0fb;
+      }
+    }
+  }
+`;
+
+Ul.defaultProps = {
+  maxHeight: '150px',
+};
+
+export default Ul;

package/admin/src/components/Td/index.js

@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+/* eslint-disable indent */
+
+const Td = styled.td`
+  &::before {
+    content: '&';
+    width: 5px;
+    height: calc(100% - 15px);
+    position: absolute;
+    top: -7px;
+    left: 45px;
+    color: transparent;
+
+    ${({ isFromDynamicZone, isChildOfDynamicZone }) => {
+      if (isChildOfDynamicZone) {
+        return `
+          z-index: -1;
+          background-color: transparent !important;
+        `;
+      }
+
+      if (isFromDynamicZone) {
+        return `
+          background-color: #AED4FB !important;
+        `;
+      }
+
+      return `
+        background-color: #f3f4f4 !important;
+      `;
+    }}
+
+    border-radius: 3px;
+  }
+`;
+
+export default Td;

package/admin/src/components/UpperFirst/index.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import { upperFirst } from 'lodash';
+
+const UpperFirst = ({ content }) => upperFirst(content);
+
+UpperFirst.defaultProps = {
+  content: null,
+};
+
+UpperFirst.propTypes = {
+  content: PropTypes.string,
+};
+
+export default UpperFirst;

package/admin/src/components/WrapperSelect/index.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { SelectWrapper, SelectNav } from 'strapi-helper-plugin';
+import { ErrorMessage } from '@buffetjs/styles';
+import AllowedTypesSelect from '../AllowedTypesSelect';
+import ComponentSelect from '../ComponentSelect';
+import CreatableSelect from '../CreatableSelect';
+
+/* eslint-disable no-nested-ternary */
+
+const WrapperSelect = ({ error, label, name, type, ...rest }) => {
+  const styles = {
+    container: base => ({
+      ...base,
+      'z-index': 9999,
+      //
+      marginTop: '4px !important',
+    }),
+    control: (base, state) => ({
+      ...base,
+      border: state.isFocused
+        ? '1px solid #78caff !important'
+        : error
+        ? '1px solid #F64D0A !important'
+        : '1px solid #E3E9F3 !important',
+      borderRadius: '2px !important',
+    }),
+    menu: base => {
+      return {
+        ...base,
+        padding: '0 15px',
+        border: '1px solid #78caff !important',
+        borderColor: '#78caff !important',
+        borderTopColor: '#E3E9F3 !important',
+      };
+    },
+    option: (base, state) => {
+      return {
+        ...base,
+        backgroundColor: state.isSelected ? '#fff' : base.backgroundColor,
+        color: state.isSelected ? '#007eff' : '#333740',
+        fontWeight: state.isSelected ? '600' : '400',
+      };
+    },
+  };
+
+  let Component;
+
+  if (type === 'allowedTypesSelect') {
+    Component = AllowedTypesSelect;
+  } else if (type === 'creatableSelect') {
+    Component = CreatableSelect;
+  } else {
+    Component = ComponentSelect;
+  }
+
+  return (
+    <SelectWrapper
+      className="form-group"
+      style={{ marginBottom: type === 'allowedTypesSelect' ? 28 : 0 }}
+    >
+      <SelectNav>
+        <div>
+          <label htmlFor={name}>{label}</label>
+        </div>
+      </SelectNav>
+      <Component name={name} {...rest} styles={styles} />
+
+      {error && (
+        <ErrorMessage style={{ paddingTop: 11, paddingBottom: 0, marginBottom: 12 }}>
+          {error}
+        </ErrorMessage>
+      )}
+    </SelectWrapper>
+  );
+};
+
+WrapperSelect.defaultProps = {
+  error: null,
+};
+
+WrapperSelect.propTypes = {
+  error: PropTypes.string,
+  label: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+};
+
+export default WrapperSelect;

package/admin/src/containers/App/Wrapper.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+
+import { sizes } from 'strapi-helper-plugin';
+
+const Wrapper = styled.div`
+  min-height: calc(100vh - ${sizes.header.height});
+  .centered {
+    position: fixed;
+    top: calc(50% - 13px);
+    right: calc(50% - 13px);
+  }
+`;
+
+export default Wrapper;

package/admin/src/containers/App/index.js

@@ -0,0 +1,39 @@
+/**
+ *
+ * App
+ *
+ */
+
+import React, { Suspense, lazy } from 'react';
+import { Switch, Route } from 'react-router-dom';
+import { LoadingIndicatorPage, CheckPagePermissions } from 'strapi-helper-plugin';
+import pluginPermissions from '../../permissions';
+import pluginId from '../../pluginId';
+import DataManagerProvider from '../DataManagerProvider';
+import RecursivePath from '../RecursivePath';
+import icons from './utils/icons.json';
+import Wrapper from './Wrapper';
+
+const ListView = lazy(() => import('../ListView'));
+
+const App = () => {
+  return (
+    <CheckPagePermissions permissions={pluginPermissions.main}>
+      <Wrapper>
+        <DataManagerProvider allIcons={icons}>
+          <Suspense fallback={<LoadingIndicatorPage />}>
+            <Switch>
+              <Route path={`/plugins/${pluginId}/content-types/:uid`} component={ListView} />
+              <Route
+                path={`/plugins/${pluginId}/component-categories/:categoryUid`}
+                component={RecursivePath}
+              />
+            </Switch>
+          </Suspense>
+        </DataManagerProvider>
+      </Wrapper>
+    </CheckPagePermissions>
+  );
+};
+
+export default App;