@mgdis/mg-components 6.17.0 → 6.18.0

package/ide/vscode/html-custom-data.json

@@ -592,9 +592,185 @@
         }
       ]
     },
+    {
+      "name": "mg-fieldset",
+      "description": "Attributes:\n- `disabled`: Define if inputs are disabled\n- `help-text`: Add a help text under the fieldset, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `legend`: Fieldset legend\n- `legend-border-display`: Define if legend border is visible.\n- `legend-heading`: Define legend heading, use to define legend with associated semantic\n- `legend-hide`: Define if legend is visible\n- `name`: Fieldset name\nIf not set the value equals the identifier\n- `readonly`: Define if inputs are readonly\n- `tooltip`: Add a tooltip message next to the fieldset\n\nMethods:\n- `displayError`: Display inputs error if it exists.\n- `setCustomValidity`: Component is not a candidate for constraint validation.\nYou can use this method to define the `errorMessage` and set the `valid` state to `false`.\n\n",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Define if inputs are disabled\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "help-text",
+          "description": "Add a help text under the fieldset, usually expected data format and example\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "identifier",
+          "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "legend",
+          "description": "Fieldset legend\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "legend-border-display",
+          "description": "Define if legend border is visible.\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "legend-heading",
+          "description": "Define legend heading, use to define legend with associated semantic\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+          "values": [
+            {
+              "name": "h1"
+            },
+            {
+              "name": "h2"
+            },
+            {
+              "name": "h3"
+            },
+            {
+              "name": "h4"
+            },
+            {
+              "name": "h5"
+            },
+            {
+              "name": "h6"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "legend-hide",
+          "description": "Define if legend is visible\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "name",
+          "description": "Fieldset name\nIf not set the value equals the identifier\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "readonly",
+          "description": "Define if inputs are readonly\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        },
+        {
+          "name": "tooltip",
+          "description": "Add a tooltip message next to the fieldset\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-fieldset--docs"
+        },
+        {
+          "name": "Sources",
+          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-fieldset/mg-fieldset.tsx"
+        }
+      ]
+    },
     {
       "name": "mg-form",
-      "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset form inputs values, validity and error state\n\nEvents:\n- `form-reset`: Emitted event on form reset\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\nSlots:\n- ``: Form content\n- `actions`: Actions content\n\n",
+      "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display inputs/fieldsets errors if it exists.\n- `reset`: Reset form inputs values, validity and error state\n\nEvents:\n- `form-reset`: Emitted event on form reset\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\nSlots:\n- ``: Form content\n- `actions`: Actions content\n\n",
       "attributes": [
         {
           "name": "aria-role",
@@ -1635,7 +1811,7 @@
     },
     {
       "name": "mg-input",
-      "description": "Attributes:\n- `aria-describedby-i-ds`: Define aria-describedby ids to link with\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nSlots:\n- ``: Input content\n\n",
+      "description": "Attributes:\n- `aria-describedby-i-ds`: Define aria-describedby ids to link with\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `inputs-on-bottom`: Display inputs after help-text and error message\n- `label`: Define input label\n- `label-border-display`: Define if label border is visible\nYou must pair this mode with `labelOnTop`and `fieldset` class\n- `label-heading`: Define label heading, use to define label with associated semantic\nYou must pair this mode with `labelOnTop`and `fieldset` class\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nSlots:\n- ``: Input content\n\n",
       "attributes": [
         {
           "name": "aria-describedby-i-ds",
@@ -1693,6 +1869,20 @@
             }
           ]
         },
+        {
+          "name": "inputs-on-bottom",
+          "description": "Display inputs after help-text and error message\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input/mg-input.tsx"
+            }
+          ]
+        },
         {
           "name": "label",
           "description": "Define input label\n\nType: `string`",
@@ -1707,6 +1897,54 @@
             }
           ]
         },
+        {
+          "name": "label-border-display",
+          "description": "Define if label border is visible\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input/mg-input.tsx"
+            }
+          ]
+        },
+        {
+          "name": "label-heading",
+          "description": "Define label heading, use to define label with associated semantic\nYou must pair this mode with `labelOnTop`and `fieldset` class\n\nType: `\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"`",
+          "values": [
+            {
+              "name": "h1"
+            },
+            {
+              "name": "h2"
+            },
+            {
+              "name": "h3"
+            },
+            {
+              "name": "h4"
+            },
+            {
+              "name": "h5"
+            },
+            {
+              "name": "h6"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input/mg-input.tsx"
+            }
+          ]
+        },
         {
           "name": "label-hide",
           "description": "Define if label is visible\n\nType: `boolean`",
@@ -5639,7 +5877,7 @@
     },
     {
       "name": "mg-input-toggle",
-      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `reset`: Reset value, validity, error and visual state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
+      "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style,\nthe left icon is hidden.\nOnly available in combination with the \"isIcon\" prop.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `reset`: Reset value, validity, error and visual state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
       "attributes": [
         {
           "name": "disabled",
@@ -5699,7 +5937,7 @@
         },
         {
           "name": "is-on-off",
-          "description": "Define if toggle have on/off style\n\nType: `boolean`",
+          "description": "Define if toggle have on/off style,\nthe left icon is hidden.\nOnly available in combination with the \"isIcon\" prop.\n\nType: `boolean`",
           "references": [
             {
               "name": "Storybook",
@@ -6382,7 +6620,7 @@
     },
     {
       "name": "mg-panel",
-      "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `panel-title`: Panel title\n- `shadow`: Add box-shadow style\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\nSlots:\n- ``: Panel content\n- `header-right`: Header right panel content\n\n",
+      "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `panel-title`: Panel title\n- `shadow`: Add box-shadow style\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\nSlots:\n- ``: Panel content\n- `header-right`: Header right panel content\n- `panel-title`: Panel title content (replaces panel-title prop when used)\n\n",
       "attributes": [
         {
           "name": "expand-toggle-disabled",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "6.17.0",
+  "version": "6.18.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -37,21 +37,21 @@
     "@stencil/core": "4.38.0",
     "quill": "2.0.3",
     "@mgdis/core-ui-helpers": "1.0.5",
-    "@mgdis/img": "2.5.1",
-    "@mgdis/styles": "2.12.0"
+    "@mgdis/img": "2.5.2",
+    "@mgdis/styles": "2.13.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.55.0",
-    "@storybook/addon-a11y": "9.1.10",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@storybook/html": "9.1.10",
-    "@storybook/html-vite": "9.1.10",
+    "@playwright/test": "1.56.1",
+    "@storybook/addon-a11y": "9.1.15",
+    "@storybook/addon-docs": "9.1.15",
+    "@storybook/addon-links": "9.1.15",
+    "@storybook/html": "9.1.15",
+    "@storybook/html-vite": "9.1.15",
     "@types/jest": "29.5.14",
-    "@types/node": "22.18.8",
-    "chromatic": "13.3.0",
+    "@types/node": "22.18.12",
+    "chromatic": "13.3.2",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "9.1.10",
+    "eslint-plugin-storybook": "9.1.15",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
@@ -59,10 +59,10 @@
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "sass": "1.93.2",
-    "storybook": "9.1.10",
-    "storybook-addon-tag-badges": "2.0.2",
+    "storybook": "9.1.15",
+    "storybook-addon-tag-badges": "2.0.4",
     "typescript": "5.9.3",
-    "vite": "7.1.9",
+    "vite": "7.1.12",
     "@core-ui/jest-config": "1.0.9",
     "@mgdis/linting-stencil": "1.3.10"
   },