@panneau/app 1.0.1-alpha.0 → 1.0.3-alpha.0

package/src/components/partials/ResourceFormHeader.jsx

@@ -1,137 +0,0 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { defineMessages, injectIntl } from 'react-intl';
-import { PropTypes as PanneauPropTypes } from '@panneau/core';
-import { isMessage, getLocalizedName } from '@panneau/core/utils';
-import { Button, Label } from '@panneau/core/components';
-import { useUrlGenerator } from '@panneau/core/contexts';
-
-import styles from '../../styles/partials/resource-form-header.scss';
-
-const messages = defineMessages({
-    switchType: {
-        id: 'app.buttons.resources.switch_type',
-        description: 'The label of the select type button',
-        defaultMessage: 'Switch type',
-    },
-    confirmSwitchType: {
-        id: 'app.resources.form.confirm_switch_type',
-        description: 'The confirm message when switching type',
-        defaultMessage: 'Are you sure you want to switch type?',
-    },
-});
-
-const propTypes = {
-    intl: PanneauPropTypes.intl.isRequired,
-    action: PropTypes.string,
-    type: PropTypes.definitionFormType,
-    fullscreen: PanneauPropTypes.bool,
-    resource: PanneauPropTypes.resource.isRequired,
-    title: PanneauPropTypes.label.isRequired,
-    titleTyped: PanneauPropTypes.label.isRequired,
-    valueHasChanged: PropTypes.bool,
-    confirmSwitchTypeMessage: PanneauPropTypes.label,
-};
-
-const defaultProps = {
-    action: 'create',
-    type: null,
-    confirmSwitchTypeMessage: messages.confirmSwitchType,
-    fullscreen: false,
-    valueHasChanged: false,
-};
-
-const ResourceFormHeader = ({
-    intl,
-    resource,
-    type,
-    fullscreen,
-    action,
-    title,
-    titleTyped,
-    valueHasChanged,
-    confirmSwitchTypeMessage,
-}) => {
-    const urlGenerator = useUrlGenerator();
-    const localizedName = resource.localizedName('a');
-
-    const resourceTitle = useMemo(() => {
-        const customTitle =
-            type !== null
-                ? resource.message(`titles.resources.${action}_${type.id}`) ||
-                  resource.message(`titles.resources.${action}_typed`) ||
-                  resource.message(`titles.resources.${action}`) ||
-                  resource.message('titles.resources.default', null)
-                : resource.message(`titles.resources.${action}`) ||
-                  resource.message('titles.resources.default', null);
-        const defaultTitle = type !== null ? titleTyped : title;
-        return customTitle || defaultTitle;
-    }, [resource, action, type]);
-
-    const titleElement = (
-        <h1 className={classNames(['mb-0', 'mt-0', styles.title])}>
-            <Label
-                isHtml
-                values={{
-                    name: localizedName,
-                    type: type !== null ? getLocalizedName(type) : null,
-                }}
-            >
-                {resourceTitle}
-            </Label>
-        </h1>
-    );
-
-    const onClickSwitchType = e => {
-        const confirmMessage = isMessage(confirmSwitchTypeMessage)
-            ? intl.formatMessage(confirmSwitchTypeMessage, {
-                  type: getLocalizedName(type),
-              })
-            : confirmSwitchTypeMessage;
-        // eslint-disable-next-line no-alert
-        if (valueHasChanged && !window.confirm(confirmMessage)) {
-            e.preventDefault();
-        }
-    };
-
-    return (
-        <div
-            className={classNames([
-                styles.header,
-                {
-                    'py-4': !fullscreen,
-                    'px-2': fullscreen,
-                    'py-3': fullscreen,
-                    [styles.isFullscreen]: fullscreen,
-                },
-            ])}
-        >
-            {type !== null && action === 'create' ? (
-                <div className={classNames(['row', 'no-gutters', 'align-items-center'])}>
-                    <div className="col">{titleElement}</div>
-                    <div className={classNames(['col', 'col-md-auto', 'text-right'])}>
-                        <Button
-                            size="sm"
-                            dropdown={resource.types().map(({ id, ...typeProps }) => ({
-                                label: getLocalizedName(typeProps),
-                                href: `${urlGenerator.resource(resource, 'create')}?type=${id}`,
-                                active: id === type.id,
-                                onClick: onClickSwitchType,
-                            }))}
-                        >
-                            {messages.switchType}
-                        </Button>
-                    </div>
-                </div>
-            ) : (
-                titleElement
-            )}
-        </div>
-    );
-};
-
-ResourceFormHeader.propTypes = propTypes;
-ResourceFormHeader.defaultProps = defaultProps;
-
-export default injectIntl(ResourceFormHeader);

package/src/components/partials/ResourceIndexHeader.jsx

@@ -1,84 +0,0 @@
-/* eslint-disable jsx-a11y/anchor-is-valid, react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { PropTypes as PanneauPropTypes } from '@panneau/core';
-import { getLocalizedName } from '@panneau/core/utils';
-import { Button, Label } from '@panneau/core/components';
-
-import styles from '../../styles/partials/resource-index-header.scss';
-
-const propTypes = {
-    resource: PanneauPropTypes.resource.isRequired,
-    title: PanneauPropTypes.label,
-    showAddButton: PropTypes.bool,
-    addButtonLabel: PanneauPropTypes.label,
-    getResourceActionUrl: PropTypes.func.isRequired,
-};
-
-const defaultProps = {
-    title: null,
-    showAddButton: true,
-    addButtonLabel: null,
-};
-
-const ResourceIndexHeader = ({
-    resource,
-    showAddButton,
-    title,
-    addButtonLabel,
-    getResourceActionUrl,
-}) => {
-    const isTyped = resource.type() === 'typed';
-    const resourceName = resource.localizedName('plural');
-
-    // Title
-    const resourceTitle = resource.message(
-        'titles.resources.index',
-        <Label values={{ name: resourceName }}>{title}</Label>,
-    );
-
-    // Add button
-    const resourceAddButtonLabel = resource.message(
-        'buttons.resources.add',
-        <Label values={{ name: resourceName }}>{addButtonLabel}</Label>,
-    );
-
-    return (
-        <div className={classNames(['py-4', styles.header])}>
-            <div className={styles.cols}>
-                <div className={styles.col}>
-                    <h1 className={classNames([styles.title, 'mb-0', 'mt-0'])}>{resourceTitle}</h1>
-                </div>
-                <div className={classNames([styles.col, 'text-right'])}>
-                    {showAddButton ? (
-                        <Button
-                            href={isTyped ? getResourceActionUrl('create') : null}
-                            dropdown={
-                                isTyped
-                                    ? resource.types().map((type) => ({
-                                          href: `${getResourceActionUrl('create')}?type=${type.id}`,
-                                          label: getLocalizedName(type),
-                                      }))
-                                    : null
-                            }
-                        >
-                            {isTyped ? (
-                                <>
-                                    {resourceAddButtonLabel} <span className="caret" />
-                                </>
-                            ) : (
-                                resourceAddButtonLabel
-                            )}
-                        </Button>
-                    ) : null}
-                </div>
-            </div>
-        </div>
-    );
-};
-
-ResourceIndexHeader.propTypes = propTypes;
-ResourceIndexHeader.defaultProps = defaultProps;
-
-export default ResourceIndexHeader;

package/src/defaults/routes.json

@@ -1,10 +0,0 @@
-{
-    "home": "/",
-    "resource.index": "/:resource",
-    "resource.show": "/:resource/:id",
-    "resource.create": "/:resource/create",
-    "resource.edit": "/:resource/:id/edit",
-    "resource.store": "/:resource",
-    "resource.update": "/:resource/:id",
-    "resource.delete": "/:resource/:id"
-}

package/src/index.js

@@ -1,9 +0,0 @@
-import Panneau from './Panneau';
-import { Panneau as PanneauComponent } from './components/index';
-
-export {
-    PanneauComponent,
-};
-
-/** The main Panneau application class */
-export default Panneau;

package/src/lib/createStore.js

@@ -1,21 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import { composeWithDevTools } from 'redux-devtools-extension';
-import thunk from 'redux-thunk';
-import promise from 'redux-promise';
-
-export default (reducers, initialState, middlewares = [], opts = {}) => {
-    const options = {
-        ...opts,
-    };
-    const reducer = combineReducers(reducers);
-    let enhancer = applyMiddleware(...middlewares, thunk, promise);
-
-    if (process.env.NODE_ENV !== 'production') {
-        const { devTools = {} } = options;
-        const composeEnhancers = composeWithDevTools(devTools);
-        enhancer = composeEnhancers(enhancer);
-    }
-
-    return createStore(reducer, initialState, enhancer);
-};

package/src/reducers/AuthReducer.js

@@ -1,23 +0,0 @@
-import { SET_USER } from '../actions/AuthActions';
-
-const initialState = {
-    user: null,
-};
-
-const AuthReducer = (previousState = initialState, action) => {
-    const state = previousState;
-
-    switch (action.type) {
-        case SET_USER: {
-            return {
-                ...state,
-                user: action.payload,
-            };
-        }
-        default: {
-            return state;
-        }
-    }
-};
-
-export default AuthReducer;

package/src/reducers/index.js

@@ -1,5 +0,0 @@
-import authReducer from './AuthReducer';
-
-export default {
-    auth: authReducer,
-};

package/src/styles/layout.scss

@@ -1,5 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-
-.container {
-
-}

package/src/styles/pages/resource-form.scss

@@ -1,42 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-
-.container {
-    &.isFullscreen {
-        position: relative;
-        width: 100%;
-        height: calc(100vh - 56px);
-    }
-}
-
-.noticeIcon {
-    margin-right: 4px;
-}
-
-.loading {
-    text-align: center;
-}
-
-.isFullscreen {
-    .inner {
-        display: flex;
-        position: absolute;
-        top: 0;
-        left: 0;
-        flex-direction: column;
-        width: 100%;
-        height: 100%;
-    }
-
-    .content {
-        position: relative;
-        flex-grow: 1;
-    }
-
-    .form {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-}

package/src/styles/pages/resource-index.scss

@@ -1,43 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-
-.container {
-    .listContainer {
-        position: relative;
-    }
-
-    .list {
-        position: relative;
-        z-index: 1;
-    }
-
-    .loading {
-        display: block;
-        position: absolute;
-        z-index: 2;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(255, 255, 255, 0.5);
-
-        .inner {
-            display: table;
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
-
-        .middle {
-            display: table-cell;
-            text-align: center;
-            vertical-align: middle;
-        }
-
-        &.alone {
-            position: relative;
-            height: 100px;
-        }
-    }
-}

package/src/styles/partials/resource-form-header.scss

@@ -1,7 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-
-.container {
-    &.isFullscreen {
-        border-bottom: solid 1px $hr-border-color;
-    }
-}

package/src/styles/partials/resource-index-header.scss

@@ -1,13 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-
-.container {
-    .cols {
-        display: table;
-        width: 100%;
-    }
-
-    .col {
-        display: table-cell;
-        vertical-align: middle;
-    }
-}

package/src/styles/vendor.global.scss

@@ -1,5 +0,0 @@
-@import '@panneau/core/src/styles/variables';
-@import 'bootstrap/scss/bootstrap';
-@import '@fortawesome/fontawesome-free/scss/fontawesome';
-@import '@fortawesome/fontawesome-free/scss/regular';
-@import '@fortawesome/fontawesome-free/scss/solid';