@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/esm/utils/Kitchensink/KitchensinkComponent.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';
-import { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';
-import { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';
-import { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';
-import { ServiceBadge } from '@digigov/ui/feedback/ServiceBadge';
-import SectionBreak from '@digigov/ui/layouts/SectionBreak';
-import Link from '@digigov/ui/navigation/Link';
-import { Paragraph } from '@digigov/ui/typography';
-import Heading from '@digigov/ui/typography/Heading';
-
-var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, null);
-
-var _ref3 = /*#__PURE__*/React.createElement(SectionBreak, null);
-
-export var KitchensinkComponent = function KitchensinkComponent(_ref) {
-  var _ref$tags = _ref.tags,
-      tags = _ref$tags === void 0 ? [] : _ref$tags,
-      title = _ref.title,
-      description = _ref.description,
-      link = _ref.link,
-      stories = _ref.stories,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 'md' : _ref$width;
-  return /*#__PURE__*/React.createElement(KitchenSinkContent, {
-    wide: width === 'lg'
-  }, /*#__PURE__*/React.createElement(KitchenSinkContentInfo, null, /*#__PURE__*/React.createElement(KitchenSinkContentTags, null, tags && tags.map(function (tag, index) {
-    return /*#__PURE__*/React.createElement(ServiceBadge, {
-      label: tag,
-      key: index
-    });
-  })), /*#__PURE__*/React.createElement(Heading, {
-    size: "lg"
-  }, title), /*#__PURE__*/React.createElement(Paragraph, null, description), link && /*#__PURE__*/React.createElement(Link, {
-    href: link
-  }, "View on GOV.GR Design System"), _ref2), Object.keys(stories).filter(function (story) {
-    return story !== 'default';
-  }).map(function (story, index) {
-    var Component = stories[story];
-    return /*#__PURE__*/React.createElement("div", {
-      key: index
-    }, _ref3, /*#__PURE__*/React.createElement(Heading, {
-      size: "sm"
-    }, story), /*#__PURE__*/React.createElement(KitchenSinkCard, null, /*#__PURE__*/React.createElement(Component, null)));
-  }));
-};

package/esm/utils/Kitchensink/KitchensinkDashboard.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';
-import Paragraph from '@digigov/react-core/Paragraph';
-import { KitchensinkByCategory } from '@digigov/ui/utils/Kitchensink/KitchensinkByCategory';
-
-var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: 72,
-  fontWeight: "bold"
-}, "Components");
-
-export var KitchenSinkDashboard = function KitchenSinkDashboard(_ref) {
-  var stories = _ref.stories;
-  var categoryOrder = Object.keys(stories).reduce(function (catStories, componentStoriesKey) {
-    var componentStories = stories[componentStoriesKey];
-
-    if (componentStories["default"].ignore) {
-      return catStories;
-    }
-
-    if (!componentStories["default"].component) {
-      throw new Error("no component was found in ".concat(componentStoriesKey));
-    }
-
-    var title = componentStories["default"].title.split('/')[1];
-
-    if (!title) {
-      throw new Error("no title was found for ".concat(componentStoriesKey));
-    }
-
-    var category = title;
-
-    if (catStories[category]) {
-      catStories[category].push(componentStories);
-    } else {
-      catStories[category] = [componentStories];
-    }
-
-    return catStories;
-  }, {});
-  return /*#__PURE__*/React.createElement("div", null, _ref2, /*#__PURE__*/React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort(function (a, b) {
-    return a > b ? -1 : 1;
-  }).map(function (category, index) {
-    return /*#__PURE__*/React.createElement(KitchensinkByCategory, {
-      category: category,
-      stories: categoryOrder[category],
-      key: index
-    });
-  })));
-};

package/esm/utils/SvgIcon/index.js

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

package/esm/utils/Typography/index.js

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

package/esm/utils/VisuallyHidden/VisuallyHidden.stories.js

@@ -1,7 +0,0 @@
-import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
-export default {
-  title: 'Digigov UI/utils/VisuallyHidden',
-  component: VisuallyHidden,
-  displayName: 'VisuallyHidden'
-};
-export * from '@digigov/ui/utils/VisuallyHidden/__stories__/Default';

package/esm/utils/VisuallyHidden/__stories__/Default.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Button, ButtonGroup } from '@digigov/ui/form/Button';
-import { Link } from '@digigov/ui/navigation/Link';
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
-import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
-
-var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "\u039A\u03AC\u03C0\u03BF\u03B9\u03BF \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03BF \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BF\u03C0\u03C4\u03B9\u03BA\u03AC \u03BA\u03C1\u03C5\u03BC\u03BC\u03AD\u03BD\u03BF. \u0395\u03AF\u03BD\u03B1\u03B9 \u03C0\u03C1\u03BF\u03C3\u03B2\u03AC\u03C3\u03B9\u03BC\u03BF \u03BC\u03CC\u03BD\u03BF \u03B3\u03B9\u03B1 \u03C0\u03C1\u03BF\u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC\u03B3\u03BD\u03C9\u03C3\u03B7\u03C2 \u03BF\u03B8\u03CC\u03BD\u03B7\u03C2 \u03BA\u03B1\u03B9 \u03BF\u03C0\u03BF\u03B9\u03B1\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B5\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03B1 \u03B1\u03BD\u03B1\u03BB\u03CD\u03BF\u03C5\u03BD \u03C4\u03BF DOM.");
-
-var _ref2 = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Link, {
-  href: "#"
-}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, " \u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")));
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
-};
-export default Default;

package/esm/utils/VisuallyHidden/index.js

@@ -1,3 +0,0 @@
-export * from '@digigov/react-core/VisuallyHidden';
-import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
-export default VisuallyHidden;

package/esm/utils/VisuallyHidden/index.mdx

@@ -1,19 +0,0 @@
----
-id: visually-hidden
-title: VisuallyHidden
----
-
-Use this component to convey meaning to people using screen readers, helping
-them access information and context.
-
-VisuallyHidden is a web accessibility technique used to hide content from the visual client, but keep it readable for screen readers.
-
-```bash
-import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
-```
-
-## How to use
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="VisuallyHidden" />

package/esm/utils/hooks/useDebounce.js

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import useLatest from '@digigov/ui/utils/hooks/useLatest';
-export var useDebounceCallback = function useDebounceCallback(callback) {
-  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
-  var leading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var storedCallback = useLatest(callback);
-  var timeout = React.useRef();
-  var deps = [wait, leading, storedCallback]; // Cleans up pending timeouts when the deps change
-
-  React.useEffect(function () {
-    return function () {
-      timeout.current && clearTimeout(timeout.current);
-      timeout.current = void 0;
-    };
-  }, deps);
-  return React.useCallback(function () {
-    // eslint-disable-next-line prefer-rest-params
-    var args = arguments;
-    var current = timeout.current; // Calls on leading edge
-
-    if (current === void 0 && leading) {
-      timeout.current = setTimeout(function () {
-        timeout.current = void 0;
-      }, wait); // eslint-disable-next-line prefer-spread
-
-      return storedCallback.current.apply(null, args);
-    } // Clear the timeout every call and start waiting again
-
-
-    current && clearTimeout(current); // Waits for `wait` before invoking the callback
-
-    timeout.current = setTimeout(function () {
-      timeout.current = void 0;
-      storedCallback.current.apply(null, args);
-    }, wait);
-  }, deps);
-};
-export var useDebounce = function useDebounce(initialState, wait, leading) {
-  var state = React.useState(initialState);
-  return [state[0], useDebounceCallback(state[1], wait, leading)];
-};

package/esm/utils/hooks/useKeypress.js

@@ -1,20 +0,0 @@
-import { useCallback, useEffect } from 'react';
-export var useKeypress = function useKeypress(key, callback) {
-  var keyCallback = useCallback(function (e) {
-    if (e.key === key && callback) {
-      callback(e);
-    }
-  }, [key, callback]);
-  useEffect(function () {
-    if (callback) {
-      document.addEventListener('keydown', keyCallback);
-    }
-
-    return function () {
-      if (callback) {
-        document.removeEventListener('keydown', keyCallback);
-      }
-    };
-  }, [keyCallback]);
-};
-export default useKeypress;

package/esm/utils/hooks/useLatest.js

@@ -1,12 +0,0 @@
-// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx
-import * as React from 'react';
-
-var useLatest = function useLatest(current) {
-  var storedValue = React.useRef(current);
-  React.useEffect(function () {
-    storedValue.current = current;
-  });
-  return storedValue;
-};
-
-export default useLatest;

package/esm/utils/hooks/useSearch.js

@@ -1,25 +0,0 @@
-import { useMemo } from 'react';
-export function normalizeGreek(text) {
-  text = text.replace(/Ά|Α|ά/g, 'α').replace(/Έ|Ε|έ/g, 'ε').replace(/Ή|Η|ή/g, 'η').replace(/Ί|Ϊ|Ι|ί|ΐ|ϊ/g, 'ι').replace(/Ό|Ο|ό/g, 'ο').replace(/Ύ|Ϋ|Υ|ύ|ΰ|ϋ/g, 'υ').replace(/Ώ|Ω|ώ/g, 'ω').replace(/Σ|ς/g, 'σ');
-  return text;
-}
-export function fullTextSearch(data, search) {
-  if (!search) {
-    return true;
-  }
-
-  var q = normalizeGreek(search.normalize('NFC').replace(/[\u0300-\u036f]/g, '').toLowerCase());
-  var index = Object.keys(data).map(function (k) {
-    return data[k] ? data[k].toString().toLowerCase() : '';
-  }).join('');
-  return normalizeGreek(index.normalize('NFC').replace(/[\u0300-\u036f]/g, '')).includes(q);
-}
-export function useSearch(data, query) {
-  if (!query) return data;
-  return useMemo(function () {
-    return data.filter(function (t) {
-      return fullTextSearch(t, query);
-    });
-  }, [data, query]);
-}
-export default useSearch;

package/esm/utils/hooks/useTogglableTab.js

@@ -1,102 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/* eslint-disable react-hooks/exhaustive-deps */
-import { useRef, useState, useCallback, useMemo } from 'react';
-export function useTogglableTab(_ref) {
-  var toggleProperty = _ref.toggleProperty,
-      singleOpen = _ref.singleOpen,
-      onToggleProperty = _ref.onToggleProperty,
-      initial = _ref.initial,
-      firstOpen = _ref.firstOpen,
-      ariaNavigation = _ref.ariaNavigation,
-      toggleHook = _ref.toggleHook;
-
-  var _useState = useState(initial || {}),
-      _useState2 = _slicedToArray(_useState, 2),
-      opened = _useState2[0],
-      setOpened = _useState2[1];
-
-  var registered = useRef({});
-  var sectionsOrder = useRef([]);
-  var registerRef = useCallback(function (el) {
-    if (!el) return;
-    var key = el.getAttribute('aria-controls');
-    if (registered.current[key]) return;
-    registered.current[key] = el;
-    sectionsOrder.current.push(key);
-
-    if (firstOpen && sectionsOrder.current.length === 1) {
-      setOpened(_defineProperty({}, key, true));
-    }
-  }, []);
-  var toggle = useCallback(function (e) {
-    var key = e.currentTarget.getAttribute('aria-controls');
-
-    if (toggleHook) {
-      toggleHook(key);
-    }
-
-    e.preventDefault();
-
-    if (singleOpen) {
-      setOpened(_defineProperty({}, key, true));
-    } else {
-      setOpened(function (prev) {
-        return _extends({}, prev, _defineProperty({}, key, !prev[key]));
-      });
-    }
-  }, []);
-  var onKeyDown = useCallback(function (e) {
-    var key = e.target.getAttribute('aria-controls');
-    var currentIndex = sectionsOrder.current.findIndex(function (k) {
-      return k === key;
-    });
-    var nextKey = sectionsOrder.current[currentIndex + 1];
-    var previousKey = sectionsOrder.current[currentIndex - 1];
-
-    switch (e.key) {
-      case 'ArrowRight':
-      case 'ArrowDown':
-        if (nextKey) {
-          registered.current[nextKey].focus();
-        }
-
-        break;
-
-      case 'ArrowLeft':
-      case 'ArrowUp':
-        if (previousKey) {
-          registered.current[previousKey].focus();
-        }
-
-        break;
-
-      case ' ':
-      case 'Enter':
-        toggle(e);
-        break;
-    }
-  }, []);
-  var register = useCallback(function (key) {
-    var _extends3;
-
-    var isOpen = !!opened[key];
-    return _extends((_extends3 = {
-      ref: registerRef
-    }, _defineProperty(_extends3, toggleProperty, isOpen), _defineProperty(_extends3, onToggleProperty, toggle), _defineProperty(_extends3, 'aria-controls', "".concat(key)), _extends3), ariaNavigation && {
-      onKeyDown: onKeyDown,
-      tabIndex: opened[key] ? 0 : -1
-    });
-  }, [opened]);
-  return useMemo(function () {
-    return {
-      register: register,
-      registered: registered,
-      opened: opened,
-      toggle: toggle,
-      setOpened: setOpened
-    };
-  }, [opened]);
-}

package/esm/utils/index.js

@@ -1,3 +0,0 @@
-export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
-export * from '@digigov/ui/utils/VisuallyHidden';

package/esm/utils/withDeprecation.js

@@ -1,106 +0,0 @@
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
-
-var DigigovError = /*#__PURE__*/function (_Error) {
-  _inherits(DigigovError, _Error);
-
-  var _super = _createSuper(DigigovError);
-
-  function DigigovError(message) {
-    var _this;
-
-    _classCallCheck(this, DigigovError);
-
-    _this = _super.call(this, message); // (1)
-
-    _this.name = 'DigigovError'; // (2)
-
-    return _this;
-  }
-
-  return _createClass(DigigovError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
-var loggedDeprecations = [];
-
-var warnOnce = function warnOnce(name, message) {
-  if (loggedDeprecations.includes(name)) {
-    return;
-  } else {
-    loggedDeprecations.push(name);
-  }
-
-  console.warn(message);
-};
-
-var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
-  var error = _ref.error,
-      warning = _ref.warning;
-
-  if (warning === true) {
-    warnOnce(componentName, "\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
-  } else if (typeof warning === 'string') {
-    warnOnce(componentName, warning);
-  }
-
-  if (error === true) {
-    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
-  } else if (typeof error === 'string') {
-    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
-  }
-};
-
-export default function withDeprecation(Component, deprecations) {
-  var _Component$render;
-
-  var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-
-  return function withDeprecationComponent(props) {
-    if (deprecations.rename) {
-      warnOnce(componentName, "\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
-    }
-
-    handleErrorWarning(componentName, componentName, deprecations, 'component');
-
-    if (deprecations.props) {
-      Object.keys(deprecations.props).forEach(function (propName) {
-        var _deprecations$props, _propDeprecation$valu;
-
-        var value = props[propName];
-
-        if (!value) {
-          return;
-        }
-
-        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
-
-        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
-          var _propDeprecation$valu2;
-
-          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
-        }
-
-        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
-          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
-        }
-      });
-    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-
-
-    return /*#__PURE__*/React.createElement(Component, props);
-  };
-}

package/src/app/AccessibilityMenu/index.tsx

@@ -1,66 +0,0 @@
-import AccessibilityMenuOptionButtonBase, {
-  AccessibilityMenuOptionButtonProps as AccessibilityMenuOptionButtonBaseProps,
-} from '@digigov/react-core/AccessibilityMenuOptionButton';
-import AccessibilityMenuSteps from '@digigov/react-core/AccessibilityMenuSteps';
-export interface AccessibilityMenuOptionButtonProps
-  extends AccessibilityMenuOptionButtonBaseProps {
-  steps?: 0 | 1 | 2 | 3 | 4;
-}
-
-import React, { useState } from 'react';
-
-export const AccessibilityMenuOptionButton = React.forwardRef<
-  HTMLButtonElement,
-  AccessibilityMenuOptionButtonProps
->(function AccessibilityMenuOptionButton(
-  { steps = 0, children },
-  ref: React.Ref<HTMLButtonElement>
-) {
-  const [selected, setSelected] = useState(false);
-  const [activeStep, setActiveStep] = useState<number>(0);
-
-  const handleClick = () => {
-    if (!selected) {
-      setSelected(true);
-      if (steps > 0) {
-        setActiveStep(activeStep + 1);
-      }
-    } else {
-      if (steps > 0) {
-        if (steps > activeStep) {
-          setActiveStep(activeStep + 1);
-        } else {
-          setActiveStep(0);
-          setSelected(false);
-        }
-      } else {
-        setSelected(false);
-      }
-    }
-  };
-  return (
-    <AccessibilityMenuOptionButtonBase
-      onClick={handleClick}
-      ref={ref}
-      selected={selected}
-    >
-      {children}
-      <AccessibilityMenuSteps steps={steps} activeStep={activeStep} />
-    </AccessibilityMenuOptionButtonBase>
-  );
-});
-
-export * from '@digigov/react-core/AccessibilityMenu';
-export * from '@digigov/react-core/AccessibilityMenuButton';
-export * from '@digigov/react-core/AccessibilityMenuContent';
-export * from '@digigov/react-core/AccessibilityMenuHeader';
-export * from '@digigov/react-core/AccessibilityMenuHeaderButton';
-export * from '@digigov/react-core/AccessibilityMenuBody';
-export * from '@digigov/react-core/AccessibilityMenuList';
-export * from '@digigov/react-core/AccessibilityMenuListItem';
-export * from '@digigov/react-core/AccessibilityMenuOptionButton';
-export * from '@digigov/react-core/AccessibilityMenuSteps';
-export * from '@digigov/react-icons/AccessibilityIcon';
-
-import AccessibilityMenu from '@digigov/react-core/AccessibilityMenu';
-export default AccessibilityMenu;