@digigov/react-experimental 2.0.0-dcbd7ded → 2.0.0-f2d82d25

package/libs-ui/react-icons/src/CheckIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface CheckType {
-}
-export declare function check(): React.ReactElement;
-export declare namespace check {
-    var props: any[];
-}
-export default check;

package/libs-ui/react-icons/src/CheckIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const CheckIcon: React.FC<IconProps<'check'>>;
-export default CheckIcon;

package/libs-ui/react-icons/src/ChevronIcon/config.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ChevronType {
-    /**
-     * direction sets the direction of the chevron icon.
-     * @value 'left'
-     * @value 'right'
-     * @value 'up'
-     * @value 'down'
-     * @default 'right'
-     */
-    direction?: 'left' | 'right' | 'up' | 'down';
-}
-export declare const chevron: React.FC<ChevronType>;
-export default chevron;

package/libs-ui/react-icons/src/ChevronIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const ChevronIcon: React.FC<IconProps<'chevron'>>;
-export default ChevronIcon;

package/libs-ui/react-icons/src/CloseIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface CloseType {
-}
-export declare function close(): React.ReactElement;
-export declare namespace close {
-    var props: any[];
-}
-export default close;

package/libs-ui/react-icons/src/CloseIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const CloseIcon: React.FC<IconProps<'close'>>;
-export default CloseIcon;

package/libs-ui/react-icons/src/GlobeIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface GlobeType {
-}
-export declare function globe(): React.ReactElement;
-export declare namespace globe {
-    var props: any[];
-}
-export default globe;

package/libs-ui/react-icons/src/GlobeIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const GlobeIcon: React.FC<IconProps<'globe'>>;
-export default GlobeIcon;

package/libs-ui/react-icons/src/Icon/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { SvgIconProps } from '@digigov/react-core/SvgIcon';
-import type { IconTypes } from '@digigov/react-icons/icons';
-export type IconProps<N extends keyof IconTypes> = SvgIconProps & IconTypes[N] & {
-    /**
-     * ref is optional.
-     * ref prop declares the reference of the svg icon component.
-     * It can be used to to access the DOM element and the React element.
-     */
-    ref?: React.Ref<SVGSVGElement>;
-    /**
-     * icon is optional, but strongly recommended.
-     * Default value is 'chevron'.
-     * Use this prop to display the icon you want.
-     */
-    icon?: N;
-};
-type IconComponent = <C extends keyof IconTypes>(props: IconProps<C>) => React.ReactElement | null;
-export type IconNames = keyof IconTypes;
-/**
- * Icon is used whenever we need a GOV.GR icon.
- * Choose the icon from the list in icon prop.
- */
-export declare const Icon: IconComponent;
-export default Icon;

package/libs-ui/react-icons/src/MoreVertIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface MoreVertType {
-}
-export declare function moreVert(): React.ReactElement;
-export declare namespace moreVert {
-    var props: any[];
-}
-export default moreVert;

package/libs-ui/react-icons/src/MoreVertIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const MoreVertIcon: React.FC<IconProps<'moreVert'>>;
-export default MoreVertIcon;

package/libs-ui/react-icons/src/SearchIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface SearchType {
-}
-export declare function search(): React.ReactElement;
-export declare namespace search {
-    var props: any[];
-}
-export default search;

package/libs-ui/react-icons/src/SearchIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const SearchIcon: React.FC<IconProps<'search'>>;
-export default SearchIcon;

package/libs-ui/react-icons/src/UncheckIcon/config.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface UncheckType {
-}
-export declare function uncheck(): React.ReactElement;
-export declare namespace uncheck {
-    var props: any[];
-}
-export default uncheck;

package/libs-ui/react-icons/src/UncheckIcon/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from '@digigov/react-icons/Icon';
-export declare const UncheckIcon: React.FC<IconProps<'uncheck'>>;
-export default UncheckIcon;

package/libs-ui/react-icons/src/icons.d.ts

@@ -1,35 +0,0 @@
-import type { AccessibilityType } from '@digigov/react-icons/AccessibilityIcon/config';
-import type { ArrowType } from '@digigov/react-icons/ArrowIcon/config';
-import type { BurgerType } from '@digigov/react-icons/BurgerIcon/config';
-import type { CaretType } from '@digigov/react-icons/CaretIcon/config';
-import type { CheckType } from '@digigov/react-icons/CheckIcon/config';
-import type { ChevronType } from '@digigov/react-icons/ChevronIcon/config';
-import type { CloseType } from '@digigov/react-icons/CloseIcon/config';
-import type { GlobeType } from '@digigov/react-icons/GlobeIcon/config';
-import type { MoreVertType } from '@digigov/react-icons/MoreVertIcon/config';
-import type { SearchType } from '@digigov/react-icons/SearchIcon/config';
-import type { UncheckType } from '@digigov/react-icons/UncheckIcon/config';
-export * from '@digigov/react-icons/AccessibilityIcon/config';
-export * from '@digigov/react-icons/ArrowIcon/config';
-export * from '@digigov/react-icons/BurgerIcon/config';
-export * from '@digigov/react-icons/CaretIcon/config';
-export * from '@digigov/react-icons/ChevronIcon/config';
-export * from '@digigov/react-icons/CloseIcon/config';
-export * from '@digigov/react-icons/CheckIcon/config';
-export * from '@digigov/react-icons/GlobeIcon/config';
-export * from '@digigov/react-icons/MoreVertIcon/config';
-export * from '@digigov/react-icons/UncheckIcon/config';
-export * from '@digigov/react-icons/SearchIcon/config';
-export interface IconTypes {
-    accessibility: AccessibilityType;
-    arrow: ArrowType;
-    burger: BurgerType;
-    caret: CaretType;
-    close: CloseType;
-    check: CheckType;
-    globe: GlobeType;
-    moreVert: MoreVertType;
-    uncheck: UncheckType;
-    search: SearchType;
-    chevron: ChevronType;
-}

package/libs-ui/react-icons/src/index.d.ts

@@ -1,11 +0,0 @@
-export * from '@digigov/react-icons/AccessibilityIcon';
-export * from '@digigov/react-icons/ArrowIcon';
-export * from '@digigov/react-icons/BurgerIcon';
-export * from '@digigov/react-icons/CaretIcon';
-export * from '@digigov/react-icons/CheckIcon';
-export * from '@digigov/react-icons/ChevronIcon';
-export * from '@digigov/react-icons/UncheckIcon';
-export * from '@digigov/react-icons/CloseIcon';
-export * from '@digigov/react-icons/GlobeIcon';
-export * from '@digigov/react-icons/MoreVertIcon';
-export * from '@digigov/react-icons/SearchIcon';

package/src/Kitchensink/AllComponents.tsx

@@ -1,6 +0,0 @@
-import React from 'react';
-
-import { stories } from '@digigov/ui/registry';
-import { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';
-
-export const AllComponents = () => <KitchenSinkDashboard stories={stories} />;

package/src/Kitchensink/KitchensinkByCategory.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import {
-  KitchenSinkCategory,
-} from '@digigov/react-core/KitchenSinkCategory';
-import {
-  KitchenSinkHeading,
-} from '@digigov/react-core/KitchenSinkHeading';
-import { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
-
-export interface KitchensinkByCategoryInterface {
-  category: string;
-  stories: React.ReactElement[];
-}
-
-export const KitchensinkByCategory = ({
-  category,
-  stories,
-}: KitchensinkByCategoryInterface) => {
-  const alphabeticalOrder = Object.keys(stories).reduce(
-    (abStories, componentStoriesKey) => {
-      const componentStories = stories[componentStoriesKey];
-      if (!componentStories.default.component) {
-        throw new Error(`no component was found in ${componentStoriesKey}`);
-      }
-      const name = componentStories.default.displayName;
-      console.log('componentStories', componentStories, 'stories', stories);
-      if (!name) {
-        throw new Error(`no name was found for ${componentStoriesKey}`);
-      }
-      const letter = name[0];
-      if (abStories[letter]) {
-        abStories[letter].push(componentStories);
-      } else {
-        abStories[letter] = [componentStories];
-      }
-      return abStories;
-    },
-    {}
-  );
-  return (
-    <div>
-      <KitchenSinkHeading>{category}</KitchenSinkHeading>
-      <KitchenSinkCategory>
-        {Object.keys(alphabeticalOrder)
-          .sort()
-          .map((letter, index) => {
-            return (
-              <KitchensinkByLetter
-                letter={letter}
-                stories={alphabeticalOrder[letter]}
-                key={index}
-              />
-            );
-          })}
-      </KitchenSinkCategory>
-    </div>
-  );
-};

package/src/Kitchensink/KitchensinkByLetter.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import Heading from '@digigov/react-core/Heading';
-import { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';
-import { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';
-
-export interface KitchensinkByLetterInterface {
-  letter: string;
-  stories: any;
-}
-
-export const KitchensinkByLetter = ({
-  letter,
-  stories,
-}: KitchensinkByLetterInterface) => {
-  return (
-    <div>
-      <Heading>{letter}</Heading>
-      <KitchenSinkLetterContent>
-        {stories.map((story, index) => {
-          return (
-            <KitchensinkComponent
-              tags={story.default.tags}
-              title={story.default.displayName}
-              description={story.default.description}
-              link={story.default.link}
-              width={story.default.defaultWidth}
-              stories={story}
-              key={index}
-            />
-          );
-        })}
-      </KitchenSinkLetterContent>
-    </div>
-  );
-};

package/src/Kitchensink/KitchensinkComponent.tsx

@@ -1,70 +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 PhaseBanner, {
-  PhaseBannerTag,
-  PhaseBannerText,
-} from '@digigov/ui/feedback/PhaseBanner';
-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';
-
-export interface KitchensinkComponentInterface {
-  tags?: string[]; // ex. Experimental
-  title: string;
-  description?: string;
-  link?: string;
-  stories: React.ReactElement[];
-  width?: 'md' | 'lg';
-}
-export const KitchensinkComponent = ({
-  tags = [],
-  title,
-  description,
-  link,
-  stories,
-  width = 'md',
-}: KitchensinkComponentInterface) => {
-  return (
-    <KitchenSinkContent wide={width === 'lg'}>
-      <KitchenSinkContentInfo>
-        <KitchenSinkContentTags>
-          {tags &&
-            tags.map((tag, index) => {
-              return (
-                <PhaseBanner key={index}>
-                  <PhaseBannerTag>{tag}</PhaseBannerTag>
-                  <PhaseBannerText>
-                    Αυτή είναι μία νέα υπηρεσία – τα{' '}
-                    <Link href="#feedback">σχόλιά</Link> σας θα μας βοηθήσουν να
-                    τη βελτιώσουμε.
-                  </PhaseBannerText>
-                </PhaseBanner>
-              );
-            })}
-        </KitchenSinkContentTags>
-        <Heading size="lg">{title}</Heading>
-        <Paragraph>{description}</Paragraph>
-        {link && <Link href={link}>View on GOV.GR Design System</Link>}
-        <SectionBreak />
-      </KitchenSinkContentInfo>
-      {Object.keys(stories)
-        .filter((story) => story !== 'default')
-        .map((story, index) => {
-          const Component = stories[story];
-          return (
-            <div key={index}>
-              <SectionBreak />
-              <Heading size="sm">{story}</Heading>
-              <KitchenSinkCard>
-                <Component />
-              </KitchenSinkCard>
-            </div>
-          );
-        })}
-    </KitchenSinkContent>
-  );
-};

package/src/Kitchensink/KitchensinkDashboard.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';
-import Paragraph from '@digigov/react-core/Paragraph';
-import { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';
-
-export interface KitchenSinkDashboardInterface {
-  stories: any;
-}
-
-export const KitchenSinkDashboard = ({
-  stories,
-}: KitchenSinkDashboardInterface) => {
-  const categoryOrder = Object.keys(stories).reduce(
-    (catStories, componentStoriesKey) => {
-      const componentStories = stories[componentStoriesKey];
-      if (componentStories.default.ignore) {
-        return catStories;
-      }
-      if (!componentStories.default.component) {
-        throw new Error(`no component was found in ${componentStoriesKey}`);
-      }
-      const title = componentStories.default.title.split('/')[1];
-      if (!title) {
-        throw new Error(`no title was found for ${componentStoriesKey}`);
-      }
-      const category = title;
-      if (catStories[category]) {
-        catStories[category].push(componentStories);
-      } else {
-        catStories[category] = [componentStories];
-      }
-      return catStories;
-    },
-    {}
-  );
-  return (
-    <div>
-      <Paragraph fontSize={72} fontWeight="bold">
-        Components
-      </Paragraph>
-      <KitchenSinkAllComponents>
-        {Object.keys(categoryOrder)
-          .sort((a, b) => (a > b ? -1 : 1))
-          .map((category, index) => {
-            return (
-              <KitchensinkByCategory
-                category={category}
-                stories={categoryOrder[category]}
-                key={index}
-              />
-            );
-          })}
-      </KitchenSinkAllComponents>
-    </div>
-  );
-};

package/src/Kitchensink/index.ts

@@ -1,5 +0,0 @@
-export * from './AllComponents';
-export * from './KitchensinkByCategory';
-export * from './KitchensinkByLetter';
-export * from './KitchensinkComponent';
-export * from './KitchensinkDashboard';