@mgdis/mg-components 6.15.0 → 6.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/events.utils-D5SAtkpQ.js +25 -0
- package/dist/cjs/{index-BGxkpQwi.js → index-T3-qWqFE.js} +2 -2
- package/dist/cjs/{index-iUZvsp-F.js → index-YM1EJx9X.js} +8 -20
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mg-action-more_37.cjs.entry.js +68 -305
- package/dist/cjs/mg-alert.cjs.entry.js +2 -2
- package/dist/cjs/mg-components.cjs.js +3 -3
- package/dist/cjs/mg-input-combobox.cjs.entry.js +78 -140
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +3 -3
- package/dist/cjs/{mg-input.conf-CwjEAih3.js → mg-input.conf-WTsvDfpC.js} +0 -7
- package/dist/cjs/mg-loader.cjs.entry.js +2 -2
- package/dist/cjs/mg-progress.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +0 -6
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +22 -93
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +1 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +13 -69
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +54 -136
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +10 -63
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +6 -54
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +9 -142
- package/dist/collection/locales/en/messages.json +3 -8
- package/dist/collection/locales/fr/messages.json +3 -8
- package/dist/components/index2.js +1 -1
- package/dist/components/index3.js +8 -20
- package/dist/components/mg-details.js +97 -1
- package/dist/components/mg-input-checkbox-paginated2.js +1 -2
- package/dist/components/mg-input-checkbox.js +19 -63
- package/dist/components/mg-input-combobox.js +60 -130
- package/dist/components/mg-input-date.js +1 -7
- package/dist/components/mg-input-numeric.js +1 -7
- package/dist/components/mg-input-password.js +2 -8
- package/dist/components/mg-input-radio.js +12 -53
- package/dist/components/mg-input-rich-text-editor.js +1 -7
- package/dist/components/mg-input-select2.js +8 -44
- package/dist/components/mg-input-text2.js +2 -8
- package/dist/components/mg-input-textarea.js +2 -8
- package/dist/components/mg-input-toggle.js +11 -96
- package/dist/components/mg-input2.js +22 -99
- package/dist/components/mg-pagination.js +2 -8
- package/dist/components/mg-panel.js +7 -13
- package/dist/esm/events.utils-yMGqY8YG.js +23 -0
- package/dist/esm/{index-CKB-AnCZ.js → index-Bab8_u8S.js} +8 -20
- package/dist/esm/{index-DhAOnZJn.js → index-JHj_9FSs.js} +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mg-action-more_37.entry.js +64 -301
- package/dist/esm/mg-alert.entry.js +2 -2
- package/dist/esm/mg-components.js +4 -4
- package/dist/esm/mg-input-combobox.entry.js +59 -121
- package/dist/esm/mg-input-rich-text-editor.entry.js +3 -3
- package/dist/esm/{mg-input.conf-BAUTlb6r.js → mg-input.conf-CNgv8hc5.js} +1 -7
- package/dist/esm/mg-loader.entry.js +2 -2
- package/dist/esm/mg-progress.entry.js +1 -1
- package/dist/mg-components/locales/en/messages.json +3 -8
- package/dist/mg-components/locales/fr/messages.json +3 -8
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-420daa1e.entry.js → p-42a90251.entry.js} +1 -1
- package/dist/mg-components/p-54156253.entry.js +1 -0
- package/dist/mg-components/{p-47e19783.entry.js → p-658f828c.entry.js} +1 -1
- package/dist/mg-components/{p-67af6274.entry.js → p-82455ac7.entry.js} +1 -1
- package/dist/mg-components/p-Bab8_u8S.js +1 -0
- package/dist/mg-components/p-CNgv8hc5.js +1 -0
- package/dist/mg-components/{p-DhAOnZJn.js → p-JHj_9FSs.js} +1 -1
- package/dist/mg-components/p-abbd151c.entry.js +1 -0
- package/dist/mg-components/{p-a0fa44cf.entry.js → p-c85b5d10.entry.js} +1 -1
- package/dist/mg-components/p-yMGqY8YG.js +1 -0
- package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +0 -13
- package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +4 -15
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +3 -21
- package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +2 -16
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +0 -18
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +0 -18
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +4 -40
- package/dist/types/components.d.ts +7 -63
- package/ide/intellij/web-types.json +10 -136
- package/ide/vscode/html-custom-data.json +6 -104
- package/package.json +20 -20
- package/dist/cjs/mg-input.utils-D-ASK4ua.js +0 -49
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.utils.js +0 -21
- package/dist/components/mg-details2.js +0 -99
- package/dist/components/mg-input.utils.js +0 -24
- package/dist/esm/mg-input.utils-BYI03zSi.js +0 -46
- package/dist/mg-components/p-31856cff.entry.js +0 -1
- package/dist/mg-components/p-698dfc6c.entry.js +0 -1
- package/dist/mg-components/p-BAUTlb6r.js +0 -1
- package/dist/mg-components/p-CKB-AnCZ.js +0 -1
- package/dist/mg-components/p-PuX-pdL4.js +0 -1
- package/dist/types/components/molecules/inputs/mg-input/mg-input.utils.d.ts +0 -8
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@mgdis/mg-components",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.16.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1293,10 +1293,10 @@
|
|
|
1293
1293
|
},
|
|
1294
1294
|
{
|
|
1295
1295
|
"name": "error-message",
|
|
1296
|
-
"description": "Define error message to display\n\nType: `string
|
|
1296
|
+
"description": "Define error message to display\n\nType: `string`",
|
|
1297
1297
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
|
|
1298
1298
|
"value": {
|
|
1299
|
-
"type": "string
|
|
1299
|
+
"type": "string",
|
|
1300
1300
|
"required": false
|
|
1301
1301
|
}
|
|
1302
1302
|
},
|
|
@@ -1391,10 +1391,10 @@
|
|
|
1391
1391
|
},
|
|
1392
1392
|
{
|
|
1393
1393
|
"name": "errorMessage",
|
|
1394
|
-
"description": "Define error message to display\n\nType: `string
|
|
1394
|
+
"description": "Define error message to display\n\nType: `string`",
|
|
1395
1395
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
|
|
1396
1396
|
"value": {
|
|
1397
|
-
"type": "string
|
|
1397
|
+
"type": "string",
|
|
1398
1398
|
"required": false
|
|
1399
1399
|
}
|
|
1400
1400
|
},
|
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
},
|
|
1517
1517
|
{
|
|
1518
1518
|
"name": "mg-input-checkbox",
|
|
1519
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `
|
|
1519
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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`: Emitted event when value change\n\n",
|
|
1520
1520
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
1521
1521
|
"attributes": [
|
|
1522
1522
|
{
|
|
@@ -1624,15 +1624,6 @@
|
|
|
1624
1624
|
"required": false
|
|
1625
1625
|
}
|
|
1626
1626
|
},
|
|
1627
|
-
{
|
|
1628
|
-
"name": "no-value-error-detail",
|
|
1629
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
1630
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
1631
|
-
"value": {
|
|
1632
|
-
"type": "string",
|
|
1633
|
-
"required": false
|
|
1634
|
-
}
|
|
1635
|
-
},
|
|
1636
1627
|
{
|
|
1637
1628
|
"name": "readonly",
|
|
1638
1629
|
"description": "Define if mg-input-checkbox is readonly\n\nType: `boolean`",
|
|
@@ -1825,15 +1816,6 @@
|
|
|
1825
1816
|
"required": false
|
|
1826
1817
|
}
|
|
1827
1818
|
},
|
|
1828
|
-
{
|
|
1829
|
-
"name": "noValueErrorDetail",
|
|
1830
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
1831
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
1832
|
-
"value": {
|
|
1833
|
-
"type": "string",
|
|
1834
|
-
"required": false
|
|
1835
|
-
}
|
|
1836
|
-
},
|
|
1837
1819
|
{
|
|
1838
1820
|
"name": "readonly",
|
|
1839
1821
|
"description": "Define if mg-input-checkbox is readonly\n\nType: `boolean`",
|
|
@@ -1936,7 +1918,7 @@
|
|
|
1936
1918
|
},
|
|
1937
1919
|
{
|
|
1938
1920
|
"name": "mg-input-combobox",
|
|
1939
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `fetchurl`: Define API url to fetch\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- `invalid`: Define input invalid state\n- `items`: Define components items\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `
|
|
1921
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `fetchurl`: Define API url to fetch\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- `invalid`: Define input invalid state\n- `items`: Define components items\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Define component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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 concombobox by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given concombobox.\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- `fetch-error`: Emited event when fetch API throw an error\n- `filter-change`: Emited event when filter change\n- `input-valid`: Emited event when checking validity\n- `load-more`: Emited event when `load-more` is called\n- `value-change`: Emited event when value change\n\n",
|
|
1940
1922
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
1941
1923
|
"attributes": [
|
|
1942
1924
|
{
|
|
@@ -2070,15 +2052,6 @@
|
|
|
2070
2052
|
"required": false
|
|
2071
2053
|
}
|
|
2072
2054
|
},
|
|
2073
|
-
{
|
|
2074
|
-
"name": "no-value-error-detail",
|
|
2075
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
2076
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
2077
|
-
"value": {
|
|
2078
|
-
"type": "string",
|
|
2079
|
-
"required": false
|
|
2080
|
-
}
|
|
2081
|
-
},
|
|
2082
2055
|
{
|
|
2083
2056
|
"name": "placeholder",
|
|
2084
2057
|
"description": "Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n\nType: `string`",
|
|
@@ -2279,15 +2252,6 @@
|
|
|
2279
2252
|
"required": false
|
|
2280
2253
|
}
|
|
2281
2254
|
},
|
|
2282
|
-
{
|
|
2283
|
-
"name": "noValueErrorDetail",
|
|
2284
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
2285
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
2286
|
-
"value": {
|
|
2287
|
-
"type": "string",
|
|
2288
|
-
"required": false
|
|
2289
|
-
}
|
|
2290
|
-
},
|
|
2291
2255
|
{
|
|
2292
2256
|
"name": "placeholder",
|
|
2293
2257
|
"description": "Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n\nType: `string`",
|
|
@@ -3558,7 +3522,7 @@
|
|
|
3558
3522
|
},
|
|
3559
3523
|
{
|
|
3560
3524
|
"name": "mg-input-radio",
|
|
3561
|
-
"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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\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- `
|
|
3525
|
+
"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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\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- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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`: Emitted event when value change\n\n",
|
|
3562
3526
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs",
|
|
3563
3527
|
"attributes": [
|
|
3564
3528
|
{
|
|
@@ -3656,15 +3620,6 @@
|
|
|
3656
3620
|
"required": false
|
|
3657
3621
|
}
|
|
3658
3622
|
},
|
|
3659
|
-
{
|
|
3660
|
-
"name": "no-value-error-detail",
|
|
3661
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
3662
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs",
|
|
3663
|
-
"value": {
|
|
3664
|
-
"type": "string",
|
|
3665
|
-
"required": false
|
|
3666
|
-
}
|
|
3667
|
-
},
|
|
3668
3623
|
{
|
|
3669
3624
|
"name": "readonly",
|
|
3670
3625
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -3820,15 +3775,6 @@
|
|
|
3820
3775
|
"required": false
|
|
3821
3776
|
}
|
|
3822
3777
|
},
|
|
3823
|
-
{
|
|
3824
|
-
"name": "noValueErrorDetail",
|
|
3825
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
3826
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs",
|
|
3827
|
-
"value": {
|
|
3828
|
-
"type": "string",
|
|
3829
|
-
"required": false
|
|
3830
|
-
}
|
|
3831
|
-
},
|
|
3832
3778
|
{
|
|
3833
3779
|
"name": "readonly",
|
|
3834
3780
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -4268,7 +4214,7 @@
|
|
|
4268
4214
|
},
|
|
4269
4215
|
{
|
|
4270
4216
|
"name": "mg-input-select",
|
|
4271
|
-
"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- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `
|
|
4217
|
+
"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- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `placeholder-disabled`: Option to disable placeholder\n- `placeholder-hide`: Option to remove placeholder\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\n",
|
|
4272
4218
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs",
|
|
4273
4219
|
"attributes": [
|
|
4274
4220
|
{
|
|
@@ -4365,15 +4311,6 @@
|
|
|
4365
4311
|
"required": false
|
|
4366
4312
|
}
|
|
4367
4313
|
},
|
|
4368
|
-
{
|
|
4369
|
-
"name": "no-value-error-detail",
|
|
4370
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
4371
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs",
|
|
4372
|
-
"value": {
|
|
4373
|
-
"type": "string",
|
|
4374
|
-
"required": false
|
|
4375
|
-
}
|
|
4376
|
-
},
|
|
4377
4314
|
{
|
|
4378
4315
|
"name": "placeholder",
|
|
4379
4316
|
"description": "Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n\nType: `string`",
|
|
@@ -4557,15 +4494,6 @@
|
|
|
4557
4494
|
"required": false
|
|
4558
4495
|
}
|
|
4559
4496
|
},
|
|
4560
|
-
{
|
|
4561
|
-
"name": "noValueErrorDetail",
|
|
4562
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
4563
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs",
|
|
4564
|
-
"value": {
|
|
4565
|
-
"type": "string",
|
|
4566
|
-
"required": false
|
|
4567
|
-
}
|
|
4568
|
-
},
|
|
4569
4497
|
{
|
|
4570
4498
|
"name": "placeholder",
|
|
4571
4499
|
"description": "Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n\nType: `string`",
|
|
@@ -5574,7 +5502,7 @@
|
|
|
5574
5502
|
},
|
|
5575
5503
|
{
|
|
5576
5504
|
"name": "mg-input-toggle",
|
|
5577
|
-
"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- `
|
|
5505
|
+
"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- `items`: Items are the possible options to select\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\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",
|
|
5578
5506
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5579
5507
|
"attributes": [
|
|
5580
5508
|
{
|
|
@@ -5605,15 +5533,6 @@
|
|
|
5605
5533
|
"required": true
|
|
5606
5534
|
}
|
|
5607
5535
|
},
|
|
5608
|
-
{
|
|
5609
|
-
"name": "invalid",
|
|
5610
|
-
"description": "Define input invalid state\n\nType: `boolean`",
|
|
5611
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5612
|
-
"value": {
|
|
5613
|
-
"type": "boolean",
|
|
5614
|
-
"required": false
|
|
5615
|
-
}
|
|
5616
|
-
},
|
|
5617
5536
|
{
|
|
5618
5537
|
"name": "is-icon",
|
|
5619
5538
|
"description": "Define if toggle display icon\n\nType: `boolean`",
|
|
@@ -5682,15 +5601,6 @@
|
|
|
5682
5601
|
"required": false
|
|
5683
5602
|
}
|
|
5684
5603
|
},
|
|
5685
|
-
{
|
|
5686
|
-
"name": "no-value-error-detail",
|
|
5687
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
5688
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5689
|
-
"value": {
|
|
5690
|
-
"type": "string",
|
|
5691
|
-
"required": false
|
|
5692
|
-
}
|
|
5693
|
-
},
|
|
5694
5604
|
{
|
|
5695
5605
|
"name": "readonly",
|
|
5696
5606
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -5720,15 +5630,6 @@
|
|
|
5720
5630
|
"required": false
|
|
5721
5631
|
}
|
|
5722
5632
|
},
|
|
5723
|
-
{
|
|
5724
|
-
"name": "valid",
|
|
5725
|
-
"description": "Define input valid state\n\nType: `boolean`",
|
|
5726
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5727
|
-
"value": {
|
|
5728
|
-
"type": "boolean",
|
|
5729
|
-
"required": false
|
|
5730
|
-
}
|
|
5731
|
-
},
|
|
5732
5633
|
{
|
|
5733
5634
|
"name": "value",
|
|
5734
5635
|
"description": "Component value\n\nType: `any`",
|
|
@@ -5769,15 +5670,6 @@
|
|
|
5769
5670
|
"required": true
|
|
5770
5671
|
}
|
|
5771
5672
|
},
|
|
5772
|
-
{
|
|
5773
|
-
"name": "invalid",
|
|
5774
|
-
"description": "Define input invalid state\n\nType: `boolean`",
|
|
5775
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5776
|
-
"value": {
|
|
5777
|
-
"type": "boolean",
|
|
5778
|
-
"required": false
|
|
5779
|
-
}
|
|
5780
|
-
},
|
|
5781
5673
|
{
|
|
5782
5674
|
"name": "isIcon",
|
|
5783
5675
|
"description": "Define if toggle display icon\n\nType: `boolean`",
|
|
@@ -5846,15 +5738,6 @@
|
|
|
5846
5738
|
"required": false
|
|
5847
5739
|
}
|
|
5848
5740
|
},
|
|
5849
|
-
{
|
|
5850
|
-
"name": "noValueErrorDetail",
|
|
5851
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
5852
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5853
|
-
"value": {
|
|
5854
|
-
"type": "string",
|
|
5855
|
-
"required": false
|
|
5856
|
-
}
|
|
5857
|
-
},
|
|
5858
5741
|
{
|
|
5859
5742
|
"name": "readonly",
|
|
5860
5743
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -5884,15 +5767,6 @@
|
|
|
5884
5767
|
"required": false
|
|
5885
5768
|
}
|
|
5886
5769
|
},
|
|
5887
|
-
{
|
|
5888
|
-
"name": "valid",
|
|
5889
|
-
"description": "Define input valid state\n\nType: `boolean`",
|
|
5890
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5891
|
-
"value": {
|
|
5892
|
-
"type": "boolean",
|
|
5893
|
-
"required": false
|
|
5894
|
-
}
|
|
5895
|
-
},
|
|
5896
5770
|
{
|
|
5897
5771
|
"name": "value",
|
|
5898
5772
|
"description": "Component value\n\nType: `any`",
|
|
@@ -1650,7 +1650,7 @@
|
|
|
1650
1650
|
},
|
|
1651
1651
|
{
|
|
1652
1652
|
"name": "error-message",
|
|
1653
|
-
"description": "Define error message to display\n\nType: `string
|
|
1653
|
+
"description": "Define error message to display\n\nType: `string`",
|
|
1654
1654
|
"references": [
|
|
1655
1655
|
{
|
|
1656
1656
|
"name": "Storybook",
|
|
@@ -1796,7 +1796,7 @@
|
|
|
1796
1796
|
},
|
|
1797
1797
|
{
|
|
1798
1798
|
"name": "mg-input-checkbox",
|
|
1799
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `
|
|
1799
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\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- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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`: Emitted event when value change\n\n",
|
|
1800
1800
|
"attributes": [
|
|
1801
1801
|
{
|
|
1802
1802
|
"name": "disabled",
|
|
@@ -1952,20 +1952,6 @@
|
|
|
1952
1952
|
}
|
|
1953
1953
|
]
|
|
1954
1954
|
},
|
|
1955
|
-
{
|
|
1956
|
-
"name": "no-value-error-detail",
|
|
1957
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
1958
|
-
"references": [
|
|
1959
|
-
{
|
|
1960
|
-
"name": "Storybook",
|
|
1961
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
|
|
1962
|
-
},
|
|
1963
|
-
{
|
|
1964
|
-
"name": "Sources",
|
|
1965
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
|
|
1966
|
-
}
|
|
1967
|
-
]
|
|
1968
|
-
},
|
|
1969
1955
|
{
|
|
1970
1956
|
"name": "readonly",
|
|
1971
1957
|
"description": "Define if mg-input-checkbox is readonly\n\nType: `boolean`",
|
|
@@ -2122,7 +2108,7 @@
|
|
|
2122
2108
|
},
|
|
2123
2109
|
{
|
|
2124
2110
|
"name": "mg-input-combobox",
|
|
2125
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `fetchurl`: Define API url to fetch\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- `invalid`: Define input invalid state\n- `items`: Define components items\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `
|
|
2111
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `fetchurl`: Define API url to fetch\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- `invalid`: Define input invalid state\n- `items`: Define components items\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Define component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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 concombobox by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given concombobox.\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- `fetch-error`: Emited event when fetch API throw an error\n- `filter-change`: Emited event when filter change\n- `input-valid`: Emited event when checking validity\n- `load-more`: Emited event when `load-more` is called\n- `value-change`: Emited event when value change\n\n",
|
|
2126
2112
|
"attributes": [
|
|
2127
2113
|
{
|
|
2128
2114
|
"name": "disabled",
|
|
@@ -2334,20 +2320,6 @@
|
|
|
2334
2320
|
}
|
|
2335
2321
|
]
|
|
2336
2322
|
},
|
|
2337
|
-
{
|
|
2338
|
-
"name": "no-value-error-detail",
|
|
2339
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
2340
|
-
"references": [
|
|
2341
|
-
{
|
|
2342
|
-
"name": "Storybook",
|
|
2343
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs"
|
|
2344
|
-
},
|
|
2345
|
-
{
|
|
2346
|
-
"name": "Sources",
|
|
2347
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-combobox/mg-input-combobox.tsx"
|
|
2348
|
-
}
|
|
2349
|
-
]
|
|
2350
|
-
},
|
|
2351
2323
|
{
|
|
2352
2324
|
"name": "placeholder",
|
|
2353
2325
|
"description": "Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n\nType: `string`",
|
|
@@ -3416,7 +3388,7 @@
|
|
|
3416
3388
|
},
|
|
3417
3389
|
{
|
|
3418
3390
|
"name": "mg-input-radio",
|
|
3419
|
-
"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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\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- `
|
|
3391
|
+
"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- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\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- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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`: Emitted event when value change\n\n",
|
|
3420
3392
|
"attributes": [
|
|
3421
3393
|
{
|
|
3422
3394
|
"name": "disabled",
|
|
@@ -3558,20 +3530,6 @@
|
|
|
3558
3530
|
}
|
|
3559
3531
|
]
|
|
3560
3532
|
},
|
|
3561
|
-
{
|
|
3562
|
-
"name": "no-value-error-detail",
|
|
3563
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
3564
|
-
"references": [
|
|
3565
|
-
{
|
|
3566
|
-
"name": "Storybook",
|
|
3567
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs"
|
|
3568
|
-
},
|
|
3569
|
-
{
|
|
3570
|
-
"name": "Sources",
|
|
3571
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-radio/mg-input-radio.tsx"
|
|
3572
|
-
}
|
|
3573
|
-
]
|
|
3574
|
-
},
|
|
3575
3533
|
{
|
|
3576
3534
|
"name": "readonly",
|
|
3577
3535
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -3954,7 +3912,7 @@
|
|
|
3954
3912
|
},
|
|
3955
3913
|
{
|
|
3956
3914
|
"name": "mg-input-select",
|
|
3957
|
-
"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- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `
|
|
3915
|
+
"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- `invalid`: Define input invalid state\n- `items`: Items are the possible options to select\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `placeholder-disabled`: Option to disable placeholder\n- `placeholder-hide`: Option to remove placeholder\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error 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\n",
|
|
3958
3916
|
"attributes": [
|
|
3959
3917
|
{
|
|
3960
3918
|
"name": "disabled",
|
|
@@ -4110,20 +4068,6 @@
|
|
|
4110
4068
|
}
|
|
4111
4069
|
]
|
|
4112
4070
|
},
|
|
4113
|
-
{
|
|
4114
|
-
"name": "no-value-error-detail",
|
|
4115
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
4116
|
-
"references": [
|
|
4117
|
-
{
|
|
4118
|
-
"name": "Storybook",
|
|
4119
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs"
|
|
4120
|
-
},
|
|
4121
|
-
{
|
|
4122
|
-
"name": "Sources",
|
|
4123
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-select/mg-input-select.tsx"
|
|
4124
|
-
}
|
|
4125
|
-
]
|
|
4126
|
-
},
|
|
4127
4071
|
{
|
|
4128
4072
|
"name": "placeholder",
|
|
4129
4073
|
"description": "Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n\nType: `string`",
|
|
@@ -5692,7 +5636,7 @@
|
|
|
5692
5636
|
},
|
|
5693
5637
|
{
|
|
5694
5638
|
"name": "mg-input-toggle",
|
|
5695
|
-
"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- `
|
|
5639
|
+
"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- `items`: Items are the possible options to select\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\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",
|
|
5696
5640
|
"attributes": [
|
|
5697
5641
|
{
|
|
5698
5642
|
"name": "disabled",
|
|
@@ -5736,20 +5680,6 @@
|
|
|
5736
5680
|
}
|
|
5737
5681
|
]
|
|
5738
5682
|
},
|
|
5739
|
-
{
|
|
5740
|
-
"name": "invalid",
|
|
5741
|
-
"description": "Define input invalid state\n\nType: `boolean`",
|
|
5742
|
-
"references": [
|
|
5743
|
-
{
|
|
5744
|
-
"name": "Storybook",
|
|
5745
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs"
|
|
5746
|
-
},
|
|
5747
|
-
{
|
|
5748
|
-
"name": "Sources",
|
|
5749
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-toggle/mg-input-toggle.tsx"
|
|
5750
|
-
}
|
|
5751
|
-
]
|
|
5752
|
-
},
|
|
5753
5683
|
{
|
|
5754
5684
|
"name": "is-icon",
|
|
5755
5685
|
"description": "Define if toggle display icon\n\nType: `boolean`",
|
|
@@ -5848,20 +5778,6 @@
|
|
|
5848
5778
|
}
|
|
5849
5779
|
]
|
|
5850
5780
|
},
|
|
5851
|
-
{
|
|
5852
|
-
"name": "no-value-error-detail",
|
|
5853
|
-
"description": "Define no value error detail\n\nType: `string`",
|
|
5854
|
-
"references": [
|
|
5855
|
-
{
|
|
5856
|
-
"name": "Storybook",
|
|
5857
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs"
|
|
5858
|
-
},
|
|
5859
|
-
{
|
|
5860
|
-
"name": "Sources",
|
|
5861
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-toggle/mg-input-toggle.tsx"
|
|
5862
|
-
}
|
|
5863
|
-
]
|
|
5864
|
-
},
|
|
5865
5781
|
{
|
|
5866
5782
|
"name": "readonly",
|
|
5867
5783
|
"description": "Define if input is readonly\n\nType: `boolean`",
|
|
@@ -5912,20 +5828,6 @@
|
|
|
5912
5828
|
}
|
|
5913
5829
|
]
|
|
5914
5830
|
},
|
|
5915
|
-
{
|
|
5916
|
-
"name": "valid",
|
|
5917
|
-
"description": "Define input valid state\n\nType: `boolean`",
|
|
5918
|
-
"references": [
|
|
5919
|
-
{
|
|
5920
|
-
"name": "Storybook",
|
|
5921
|
-
"url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs"
|
|
5922
|
-
},
|
|
5923
|
-
{
|
|
5924
|
-
"name": "Sources",
|
|
5925
|
-
"url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-toggle/mg-input-toggle.tsx"
|
|
5926
|
-
}
|
|
5927
|
-
]
|
|
5928
|
-
},
|
|
5929
5831
|
{
|
|
5930
5832
|
"name": "value",
|
|
5931
5833
|
"description": "Component value\n\nType: `any`",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mgdis/mg-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.16.0",
|
|
4
4
|
"description": "MG Components",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -34,37 +34,37 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@popperjs/core": "2.11.8",
|
|
37
|
-
"@stencil/core": "4.36.
|
|
37
|
+
"@stencil/core": "4.36.3",
|
|
38
38
|
"quill": "2.0.3",
|
|
39
|
-
"@mgdis/core-ui-helpers": "1.0.
|
|
39
|
+
"@mgdis/core-ui-helpers": "1.0.4",
|
|
40
40
|
"@mgdis/img": "2.5.0",
|
|
41
|
-
"@mgdis/styles": "2.
|
|
41
|
+
"@mgdis/styles": "2.11.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@playwright/test": "1.
|
|
45
|
-
"@storybook/addon-a11y": "9.
|
|
46
|
-
"@storybook/addon-docs": "9.
|
|
47
|
-
"@storybook/addon-links": "9.
|
|
48
|
-
"@storybook/html": "9.
|
|
49
|
-
"@storybook/html-vite": "9.
|
|
44
|
+
"@playwright/test": "1.55.0",
|
|
45
|
+
"@storybook/addon-a11y": "9.1.3",
|
|
46
|
+
"@storybook/addon-docs": "9.1.3",
|
|
47
|
+
"@storybook/addon-links": "9.1.3",
|
|
48
|
+
"@storybook/html": "9.1.3",
|
|
49
|
+
"@storybook/html-vite": "9.1.3",
|
|
50
50
|
"@types/jest": "29.5.14",
|
|
51
|
-
"@types/node": "22.
|
|
52
|
-
"chromatic": "13.1.
|
|
51
|
+
"@types/node": "22.18.0",
|
|
52
|
+
"chromatic": "13.1.4",
|
|
53
53
|
"eslint": "8.57.1",
|
|
54
|
-
"eslint-plugin-storybook": "9.
|
|
54
|
+
"eslint-plugin-storybook": "9.1.3",
|
|
55
55
|
"jest": "29.7.0",
|
|
56
56
|
"jest-cli": "29.7.0",
|
|
57
57
|
"jest-junit": "16.0.0",
|
|
58
58
|
"jest-transform-stub": "2.0.0",
|
|
59
59
|
"react": "19.1.1",
|
|
60
60
|
"react-dom": "19.1.1",
|
|
61
|
-
"sass": "1.
|
|
62
|
-
"storybook": "9.
|
|
63
|
-
"storybook-addon-tag-badges": "2.0.
|
|
64
|
-
"typescript": "5.
|
|
65
|
-
"vite": "7.
|
|
66
|
-
"@
|
|
67
|
-
"@
|
|
61
|
+
"sass": "1.91.0",
|
|
62
|
+
"storybook": "9.1.3",
|
|
63
|
+
"storybook-addon-tag-badges": "2.0.2",
|
|
64
|
+
"typescript": "5.9.2",
|
|
65
|
+
"vite": "7.1.4",
|
|
66
|
+
"@mgdis/linting-stencil": "1.3.9",
|
|
67
|
+
"@core-ui/jest-config": "1.0.9"
|
|
68
68
|
},
|
|
69
69
|
"license": "BSD-3-Clause",
|
|
70
70
|
"scripts": {
|