react-bootstrap-front 3.9.6 → 3.9.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bootstrap-front",
-  "version": "3.9.6",
+  "version": "3.9.7",
   "description": "React Bootstrap Components",
   "keywords": [
     "Bootstrap 4",

package/src/features/advanced/ResponsiveModalInner.scss

@@ -65,6 +65,9 @@
 .container-xxs .modal-content .modal-footer,
 .container-xs .modal-content .modal-footer {
     background-color: theme-color('secondary');
+    height: 60px;
+    min-height: 60px;
+    padding-bottom: 10px;
 }
 
 .modal-help {

package/src/features/filter/FilterBuilder.jsx

@@ -41,7 +41,7 @@ const getOptionsForType = (type, update = false) => {
       {value: FILTER_OPER_SOUND_LIKE, label: 'Ressemble à'}
     );
   }
-  if (type !== 'picker' && type !== 'select') {
+  if (type !== 'picker' && type !== 'select' && type !== 'date' && type !== 'datetime') {
     options.push(
       {value: FILTER_OPER_GREATER, label: 'Supérieur à'},
       {value: FILTER_OPER_GREATER_OR_EQUAL, label: 'Supérieur ou égal à'},
@@ -51,6 +51,16 @@ const getOptionsForType = (type, update = false) => {
       {value: FILTER_OPER_LOWER_OR_EQUAL_OR_NULL, label: 'Vide ou inférieur et égal à'},
     );
   };
+  if (type === 'date' || type === 'datetime') {
+    options.push(
+      {value: FILTER_OPER_GREATER, label: 'Postérieur à'},
+      {value: FILTER_OPER_GREATER_OR_EQUAL, label: 'Postérieur ou égal à'},
+      {value: FILTER_OPER_GREATER_OR_EQUAL_OR_NULL, label: 'Vide ou postérieur et égal à'},
+      {value: FILTER_OPER_LOWER, label: 'Antérieur à'},
+      {value: FILTER_OPER_LOWER_OR_EQUAL, label: 'Antérieur ou égal à'},
+      {value: FILTER_OPER_LOWER_OR_EQUAL_OR_NULL, label: 'Vide ou antérieur et égal à'},
+    );
+  };
   if (update && (type === 'date' || type === 'datetime' || type === 'monetary' || type === 'number')) {
     options.push(
       {value: FILTER_OPER_BETWEEN, label: 'Compris entre'}

package/src/features/inline-list/MobileList.jsx

@@ -48,6 +48,18 @@ class MobileList extends Component {
     let counter = 1;
     return (
       <div className="text-left">
+        {!this.props.loading && this.props.onAddOne && (
+          <MobileLineAction
+            className="btn btn-primary text-white font-weight-bold mb-1"
+            label={this.props.t({ id: 'rbf.inline-list.list.add', defaultMessage: 'Ajouter' })}
+            onClick={ev => {
+              if (ev) {
+                ev.stopPropagation();
+              }
+              this.props.onAddOne();
+            }}
+          />
+        )}
         {Array.isArray(this.props.items) &&
           this.props.items.map(item => (
             <MobileLine

package/src/features/inline-list/MobileList.scss

@@ -0,0 +1,3 @@
+.form-inline-list {
+    border: 0px;
+}

package/src/features/list/MobileLine.jsx

@@ -196,6 +196,30 @@ export class MobileLine extends Component {
                 <span className="rbf-list-mobile-line-header-title">
                   {getCardTitle(this.props.cols, this.props.item)}
                 </span>
+                {(this.props.mobile || isMobileDevice()) && (!this.state.flipped || this.props.item.id != this.props.currentFlipped) && (
+                  <div className="nav btn-group rbf-list-mobile-line-header-nav" style={{right: '0px'}}>
+                    <button
+                      key="openclose"
+                      type="button"
+                      disabled={false}
+                      title=""
+                      className={classnames('btn btn-inline btn-light')}
+                      onClick={ev => {
+                        if (ev) {
+                          ev.preventDefault();
+                          ev.stopPropagation();
+                        }
+                        this.openMenu(ev);
+                      }}
+                    >
+                      <span className="rbf-list-mobile-line-3dots text-secondary">
+                      <svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-three-dots">
+                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+                      </svg>
+                      </span>
+                    </button>
+                  </div>
+                )}
                 {(this.props.mobile || isMobileDevice()) && (
                   <CSSTransition
                     in={this.state.flipped && this.props.item.id === this.props.currentFlipped}
@@ -208,9 +232,14 @@ export class MobileLine extends Component {
                       >
                         {this.props.inlineActions &&
                           this.props.inlineActions.map(action => {
-                            if (action.role === 'DETAIL' || action.role === 'SUMMARY') {
+                            if (action.role === 'DETAIL' || action.role === 'SUMMARY' || action.role === 'OTHER') {
                               return null;
                             }
+                            if (typeof action.fShow === 'function') {
+                              if (!action.fShow(this.props.item)) {
+                                return null;
+                              }
+                            }
                             if (action.component) {
                               const clonedElementWithMoreProps = React.cloneElement(action.component, {
                                 item: this.props.item,
@@ -227,36 +256,6 @@ export class MobileLine extends Component {
                               );
                             }
                           })}
-                        {false && !this.props.hideMenu && (
-                          <button
-                            key="openclose"
-                            type="button"
-                            disabled={false}
-                            title=""
-                            className={classnames('btn btn-inline btn-light')}
-                            onClick={ev => {
-                              if (ev) {
-                                ev.preventDefault();
-                                ev.stopPropagation();
-                              }
-                              this.setState({ flipped: !this.state.flipped });
-                            }}
-                          >
-                            <span className="rbf-list-mobile-line-3dots text-secondary">
-                              <svg
-                                xmlns="http://www.w3.org/2000/svg"
-                                role="img"
-                                style={{ verticalAlign: '-0.125em' }}
-                                width="1em"
-                                height="1em"
-                                preserveAspectRatio="xMidYMid meet"
-                                viewBox="0 0 1000 1000"
-                              >
-                                <path d="M654 501l346 346l-154 154l-346-346l-346 346L0 847l346-346L0 155L154 1l346 346L846 1l154 154z" />
-                              </svg>
-                            </span>
-                          </button>
-                        )}
                       </div>
                     )}
                   </CSSTransition>

package/src/features/list/MobileLine.scss

@@ -43,7 +43,7 @@
   .card-header {
     position: relative;
     border: none;
-    padding: 0.7rem 0.25rem;
+    padding: 0.65rem 0.25rem;
     border-radius: 0px;
   }
   .card-header span {

package/src/features/page/MobilePage.scss

@@ -1,3 +1,3 @@
 .display-mobile, .page-root-mobile-content {
-  background-color: theme-color('light');
+  /*background-color: theme-color('light');*/
 }