@digigov/ui 0.24.3 → 0.26.2

package/es/core/BackLink/BackLink.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-backlink--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            }
+          ],
+          "id": "a_FlKpwUM63r",
+          "title": "Click link"
+        }
+      ]
+    }
+  }
+}

package/es/core/Base/index.js

@@ -0,0 +1,3 @@
+import Base from '@digigov/react-core/Base';
+export default Base;
+export { Base };

package/es/core/Breadcrumbs/Breadcrumbs.stories.playwright.json

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-breadcrumbs--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "e5Uhj3zx5pff",
+          "title": "Hover and click"
+        }
+      ]
+    }
+  }
+}

package/es/core/Button/Button.stories.playwright.json

@@ -0,0 +1,93 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-button--primary": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "cxND_XOGkFHP",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--secondary": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "7b4sRaZez9gb",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--warning": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            }
+          ],
+          "id": "-dtZHnNLRC7t",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-button--grouping-buttons-and-links": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "laasT0Qg9kvq",
+          "title": "Keyboard navigation"
+        }
+      ]
+    }
+  }
+}

package/es/core/Button/__stories__/GroupingButtons.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button, { ButtonGroup } from '@digigov/ui/core/Button';
 /**
- * My deescrition is the best description that was described 
+ * My deescrition is the best description that was described
  */
 
 var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /*#__PURE__*/React.createElement(Button, {

package/es/core/Card/Card.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-card--with-clickable-content": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>div:nth-child(1)>a"
+              }
+            }
+          ],
+          "id": "BMjcXsopUT_n",
+          "title": "Click card"
+        }
+      ]
+    }
+  }
+}

package/es/core/Checkboxes/Checkbox.stories.playwright.json

@@ -0,0 +1,55 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-checkboxes--multiple-questions": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            }
+          ],
+          "id": "nEKElVkTn9rV",
+          "title": "check first box"
+        }
+      ]
+    },
+    "digigov-ui-core-checkboxes--with-hint": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(2)>label>input"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Space"
+              }
+            }
+          ],
+          "id": "tlp6twL--N_s",
+          "title": "click first option"
+        }
+      ]
+    }
+  }
+}

package/es/core/Checkboxes/__stories__/NoneAnswerWithError.js

@@ -28,7 +28,7 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   value: "none"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));
 
-export var NoneAnswer = function NoneAnswer() {
+export var NoneAnswerWithError = function NoneAnswerWithError() {
   return _ref;
 };
-export default NoneAnswer;
+export default NoneAnswerWithError;

package/es/core/DateInput/DateInput.stories.playwright.json

@@ -0,0 +1,61 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-dateinput--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            },
+            {
+              "name": "keyboard.insertText",
+              "args": {
+                "text": "11"
+              }
+            }
+          ],
+          "id": "HEWnXMsN0nqw",
+          "title": "Actions with mouse"
+        }
+      ]
+    },
+    "digigov-ui-core-dateinput--with-error-message-for-single-field": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.insertText",
+              "args": {
+                "text": "2022"
+              }
+            }
+          ],
+          "id": "5QICoU6J1W8E",
+          "title": "Actions with keyboard"
+        }
+      ]
+    }
+  }
+}

package/es/core/Details/Details.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-details--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html"
+              }
+            }
+          ],
+          "id": "Vmcdm2eBOyC1",
+          "title": "Open Details"
+        }
+      ]
+    }
+  }
+}

package/es/core/ErrorSummary/ErrorSummary.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-errorsummary--linked-to-checkbox": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Enter"
+              }
+            }
+          ],
+          "id": "V4VBSZxQfqiJ",
+          "title": "Go to checkbox"
+        }
+      ]
+    }
+  }
+}

package/es/core/ErrorSummary/index.spec.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import mountWithTheme from '@digigov/ui/test-utils/mountWithTheme';
-import Component from '.';
+import Component from '@digigov/ui/core/ErrorSummary';
 
 var _ref = /*#__PURE__*/React.createElement(Component, null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect(mountWithTheme(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/es/core/FileUpload/__stories__/Default.js

@@ -5,7 +5,7 @@ import FileUpload from '@digigov/ui/core/FileUpload';
 
 var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "m"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(FileUpload, null)));
+}, "\u039B\u03BF\u03B3\u03CC\u03C4\u03C5\u03C0\u03BF \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(FileUpload, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
 export var Default = function Default() {
   return _ref;

package/es/core/FileUpload/__stories__/WithErrorMessage.js

@@ -9,9 +9,9 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   error: true
 }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "m"
-}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/React.createElement(FileUpload, null)));
+}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/React.createElement(FileUpload, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5")));
 
-export var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
+export var WithErrorMessage = function WithErrorMessage() {
   return _ref;
 };
-export default WithErrorMessageForSingleField;
+export default WithErrorMessage;

package/es/core/Form/index.js

@@ -0,0 +1,3 @@
+import Form from '@digigov/react-core/Form';
+export { Form };
+export default Form;

package/es/core/Label/index.js

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/Label';
+export * from '@digigov/react-core/LabelTitle';
+import Label from '@digigov/react-core/Label';
+export default Label;

package/es/core/Link/Link.stories.playwright.json

@@ -0,0 +1,65 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-link--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "JREsgOQhRp3C",
+          "title": "Focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--no-underline": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            }
+          ],
+          "id": "P7WXxvHHLFfF",
+          "title": "Hover and focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--dark-background": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            }
+          ],
+          "id": "YQJdyCc8F15c",
+          "title": "Hover and focus"
+        }
+      ]
+    }
+  }
+}

package/es/core/Link/index.js

@@ -24,4 +24,5 @@ var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
     href: href
   }, props), children);
 });
-export default Link;
+export default Link;
+export { Link };

package/es/core/List/List.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-list--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "HP7t7DFo8MEt",
+          "title": "Navigate with tab"
+        }
+      ]
+    }
+  }
+}

package/es/core/List/ListItemContent.js

@@ -1,27 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-export var useListItemContenttyles = makeStyles(function (theme) {
-  return {
-    root: {
-      flexGrow: 1,
-      padding: theme.spacing(0, 2)
-    }
-  };
-}, {
-  name: 'MuiListItemContent'
-});
-export var ListItemContent = function ListItemContent(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemContent = withDeprecation(function (_ref) {
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = useListItemContenttyles();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, classes.root)
-  }, props), children);
-};
+  return /*#__PURE__*/React.createElement("div", props, children);
+}, {
+  name: 'ListItemContent',
+  warning: 'There is no need to use ListItemContent component anymore. It will be removed in a later version'
+});
 export default ListItemContent;

package/es/core/List/ListItemIcon.js

@@ -1,29 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "style"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-import Avatar from '@material-ui/core/Avatar';
-export var useListItemIconStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemIcon'
-});
-export var ListItemIcon = function ListItemIcon(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      style = _ref.style,
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemIcon = withDeprecation(function (_ref) {
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = useListItemIconStyles();
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: clsx(className, classes.root)
-  }, /*#__PURE__*/React.createElement(Avatar, _extends({
-    variant: "rounded"
-  }, props), children));
-};
+  return /*#__PURE__*/React.createElement("div", props, children);
+}, {
+  name: 'ListItemIcon',
+  warning: 'There is no need to use ListItemIcon component anymore. It will be removed in a later version'
+});
 export default ListItemIcon;

package/es/core/List/ListItemText.js

@@ -1,19 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import NormalText from '@digigov/ui/typography/NormalText';
-export var useListItemTextStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemText'
-});
-export var ListItemText = function ListItemText(_ref) {
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemText = withDeprecation(function (_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(NormalText, props, children);
-};
+}, {
+  name: 'ListItemText',
+  warning: 'There is no need to use ListItemText component anymore. It will be removed in a later version'
+});
 export default ListItemText;

package/es/core/List/ListItemTitle.js

@@ -2,17 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "linkProps", "children"];
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import Title from '@digigov/ui/typography/Title';
 import Link from '@digigov/ui/core/Link';
-export var useListItemTitleStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemTitle'
-});
-export var ListItemTitle = function ListItemTitle(_ref) {
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemTitle = withDeprecation(function (_ref) {
   var href = _ref.href,
       linkProps = _ref.linkProps,
       children = _ref.children,
@@ -21,5 +14,8 @@ export var ListItemTitle = function ListItemTitle(_ref) {
   return /*#__PURE__*/React.createElement(Title, props, href ? /*#__PURE__*/React.createElement(Link, _extends({
     href: href
   }, linkProps), children) : children);
-};
+}, {
+  name: 'ListItemTitle',
+  warning: 'There is no need to use ListItemTitle component anymore. It will be removed in a later version'
+});
 export default ListItemTitle;