@gridsuite/commons-ui 0.287.0 → 0.289.0

package/dist/index.js

@@ -235,6 +235,7 @@ import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREA
 import { DynamicMarginCalculationInline } from "./features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./features/parameters/parameters-style.js";
 import { filledTextField, italicFontTextField, standardTextField } from "./features/network-modifications/common/form.utils.js";
+import { tabbedFormStyles } from "./features/network-modifications/common/tabbedForm.styles.js";
 import { PropertiesForm } from "./features/network-modifications/common/properties/PropertiesForm.js";
 import { PropertyForm } from "./features/network-modifications/common/properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./features/network-modifications/common/properties/propertyUtils.js";
@@ -1971,6 +1972,7 @@ export {
   suppressNonNumericKeyboardEvent,
   default2 as svg,
   syncGlobalFilters,
+  tabbedFormStyles,
   tableEn,
   tableFr,
   tabularCreationDtoToForm,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.287.0",
+    "version": "0.289.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -164,8 +164,8 @@
         "typescript-eslint": "^8.46.2",
         "vite": "^7.1.12",
         "vite-plugin-checker": "^0.11.0",
+        "vite-plugin-css-injected-by-js": "^4.0.1",
         "vite-plugin-dts": "^4.5.4",
-        "vite-plugin-lib-inject-css": "^2.2.2",
         "vite-plugin-svgr": "^4.5.0"
     }
 }

package/dist/assets/ExpertFilterForm.css

@@ -1,180 +0,0 @@
-/**
- * Copyright (c) 2024, RTE (http://www.rte-france.com)
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- */
-/* Fork from react-querybuilder/dist/query-builder.css */
-.ruleGroup {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding: 0.5rem;
-    border-color: #969696;
-    border-style: solid;
-    border-radius: 0.25rem;
-    border-width: 1px;
-    background: rgba(119, 119, 119, 0.3);
-}
-
-.ruleGroup .ruleGroup-body {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.ruleGroup .ruleGroup-body:empty {
-    display: none;
-}
-
-.ruleGroup .ruleGroup-header,
-.ruleGroup .rule {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-}
-
-.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
-    display: flex;
-    gap: 0.5rem;
-    align-items: baseline;
-}
-
-/* Align all the fields and operators by setting a min-width */
-.rule-fields {
-    min-width: 330px;
-}
-
-.rule-operators {
-    min-width: 160px;
-}
-
-.queryBuilder-branches .ruleGroup-body {
-    margin-left: calc(2 * 0.5rem);
-}
-
-.queryBuilder-branches .rule,
-.queryBuilder-branches .ruleGroup .ruleGroup {
-    position: relative;
-}
-
-.queryBuilder-branches .rule::before,
-.queryBuilder-branches .rule::after,
-.queryBuilder-branches .ruleGroup .ruleGroup::before,
-.queryBuilder-branches .ruleGroup .ruleGroup::after {
-    content: '';
-    width: 0.5rem;
-    left: calc(-0.5rem - 1px);
-    border-color: #969696;
-    border-style: solid;
-    border-radius: 0;
-    position: absolute;
-}
-
-.queryBuilder-branches .rule::before,
-.queryBuilder-branches .ruleGroup .ruleGroup::before {
-    top: -0.5rem;
-    height: calc(50% + 0.5rem);
-    border-width: 0 0 1px 1px;
-}
-
-.queryBuilder-branches .rule:last-child::before,
-.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
-    border-bottom-left-radius: 0.25rem;
-}
-
-.queryBuilder-branches .rule::after,
-.queryBuilder-branches .ruleGroup .ruleGroup::after {
-    top: 50%;
-    height: 50%;
-    border-width: 0 0 0 1px;
-}
-
-.queryBuilder-branches .rule:last-child::after,
-.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
-    display: none;
-}
-
-.queryBuilder-branches .rule:hover .rule-remove {
-    visibility: visible;
-}
-
-.queryBuilder-branches .rule .rule-remove {
-    visibility: hidden;
-}
-
-.queryBuilder-branches .ruleGroup .ruleGroup::before,
-.queryBuilder-branches .ruleGroup .ruleGroup::after {
-    left: calc(calc(-0.5rem - 1px) - 1px);
-}
-
-.queryBuilder-branches .ruleGroup .ruleGroup::before {
-    top: calc(-0.5rem - 1px);
-    height: calc(50% + 0.5rem + 1px);
-}
-
-.queryBuilder-branches .ruleGroup .ruleGroup::after {
-    height: calc(50% + 1px);
-}
-
-/* Justify layout */
-.queryBuilder .rule-remove {
-    margin-left: auto;
-}
-
-/* Query validation*/
-.queryBuilder .ruleGroup.queryBuilder-invalid .add-button {
-    font-weight: bold !important;
-    color: #ba000d;
-}
-
-.queryBuilder .rule.queryBuilder-invalid .rule-value::before {
-    border-bottom: 2px solid #ba000d;
-}
-
-.queryBuilder .rule.queryBuilder-invalid .rule-value::after {
-    border-bottom: 2px solid #ba000d;
-}
-
-/* DnD section, copied from original, just 'border-bottom-color: lightgrey' change */
-[data-inlinecombinators='disabled'] .dndOver.rule,
-[data-inlinecombinators='disabled'] .dndOver.ruleGroup-header {
-    border-bottom-width: 2px;
-    border-bottom-style: dashed;
-    border-bottom-color: lightgrey;
-    padding-bottom: 0.5rem;
-}
-
-[data-inlinecombinators='disabled'] .dndOver.rule.dndCopy,
-[data-inlinecombinators='disabled'] .dndOver.ruleGroup-header.dndCopy {
-    border-bottom-color: #669933;
-}
-
-[data-inlinecombinators='enabled'] .dndOver.rule:last-child,
-[data-inlinecombinators='enabled'] .dndOver.ruleGroup-header,
-[data-inlinecombinators='enabled'] .dndOver.rule + .betweenRules,
-[data-inlinecombinators='enabled'] .dndOver.betweenRules {
-    border-bottom-width: 2px;
-    border-bottom-style: dashed;
-    border-bottom-color: lightgrey;
-    padding-bottom: 0.5rem;
-}
-
-[data-inlinecombinators='enabled'] .dndOver.rule:last-child.dndCopy,
-[data-inlinecombinators='enabled'] .dndOver.ruleGroup-header.dndCopy,
-[data-inlinecombinators='enabled'] .dndOver.rule + .betweenRules.dndCopy,
-[data-inlinecombinators='enabled'] .dndOver.betweenRules.dndCopy {
-    border-bottom-color: #669933;
-}
-
-.ruleGroup.dndDragging,
-.rule.dndDragging {
-    opacity: 0.5;
-}
-
-.ruleGroup .queryBuilder-dragHandle,
-.rule .queryBuilder-dragHandle {
-    cursor: move;
-}
-
-/* end DnD section */