npm - @digigov/react-experimental - Versions diffs - 2.0.0-rc.28 → 2.0.0-rc.29 - Mend

@digigov/react-experimental 2.0.0-rc.28 → 2.0.0-rc.29

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.

Files changed (92) hide show

package/.prettierrc.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ module.exports = require('@digigov/cli-lint/prettierrc')();

package/CHANGELOG.json ADDED Viewed

@@ -0,0 +1,60 @@
+{
+  "name": "@digigov/react-experimental",
+  "entries": [
+    {
+      "version": "1.1.2",
+      "tag": "@digigov/react-experimental_v1.1.2",
+      "date": "Fri, 16 Feb 2024 09:57:32 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "Upgrade ESLint & Prettier"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@digigov/cli-lint\" from `1.0.3` to `1.0.4`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/css\" from `1.1.1` to `1.2.0`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/react-experimental\" from `1.1.1` to `1.1.2`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/react-icons\" from `1.1.1` to `1.1.2`"
+          }
+        ]
+      }
+    },
+    {
+      "version": "1.1.1",
+      "tag": "@digigov/react-experimental_v1.1.1",
+      "date": "Mon, 29 Jan 2024 17:45:11 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Add react-experimental folder"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@digigov/cli-lint\" from `1.0.2` to `1.0.3`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/cli-build\" from `1.1.0` to `1.1.1`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/css\" from `1.1.0` to `1.1.1`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/react-experimental\" from `1.1.0` to `1.1.1`"
+          },
+          {
+            "comment": "Updating dependency \"@digigov/react-icons\" from `1.1.0` to `1.1.1`"
+          }
+        ]
+      }
+    }
+  ]
+}

package/dist/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,16 @@
+# Change Log - @digigov/react-experimental
+This log was last generated on Fri, 16 Feb 2024 09:57:32 GMT and should not be manually modified.
+## 1.1.2
+Fri, 16 Feb 2024 09:57:32 GMT
+_Version update only_
+## 1.1.1
+Mon, 29 Jan 2024 17:45:11 GMT
+### Patches
+- Add react-experimental folder

package/dist/README.md ADDED Viewed

File without changes

package/{index.js → dist/index.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-rc.28
+/** @license Digigov v2.0.0-rc.29
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/dist/package.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "@digigov/react-experimental",
+  "version": "2.0.0-rc.29",
+  "description": "@digigov react experimental components",
+  "author": "GRNET Developers <devs@lists.grnet.gr>",
+  "license": "BSD-2-Clause",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "peerDependencies": {
+    "@digigov/css": "workspace:2.0.0-rc.29",
+    "@digigov/react-icons": "workspace:2.0.0-rc.29",
+    "@digigov/ui": "workspace:2.0.0-rc.29",
+    "@digigov/react-core": "workspace:2.0.0-rc.29",
+    "clsx": "1.1.1",
+    "react": ">=16.8.0 <19.0.0",
+    "react-dom": ">=16.8.0 <19.0.0"
+  },
+  "private": false,
+  "typings": "./index.d.ts"
+}

package/dist/src/FloatingButton/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,37 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the FloatingButton with  direction="left" 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-print-hidden ds-floating-btn ds-floating-btn--left ds-btn ds-btn-primary"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;
+exports[`renders the FloatingButton with  direction="right" 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-print-hidden ds-floating-btn ds-floating-btn--right ds-btn ds-btn-primary"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;
+exports[`renders the FloatingButton with no props 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-print-hidden ds-floating-btn ds-floating-btn--right ds-btn ds-btn-primary"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;

package/dist/src/FloatingButton/index.test.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FloatingButton from '@digigov/react-experimental/FloatingButton';
+it('renders the FloatingButton with no props', () => {
+  expect(
+    render(<FloatingButton>+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the FloatingButton with  direction="right"', () => {
+  expect(
+    render(<FloatingButton direction="right">+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the FloatingButton with  direction="left"', () => {
+  expect(
+    render(<FloatingButton direction="left">+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
+});

package/dist/src/FloatingButton/index.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import React from 'react';
+import clsx from 'clsx';
+import Button, { ButtonProps } from '@digigov/react-core/Button';
+export interface FloatingButtonProps extends ButtonProps {
+  /**
+   * direction is optional.
+   * direction sets the position of the button to either left or right side of the screen.
+   * The default value is 'left'.
+   * @value 'right'
+   * @value 'left'
+   * @default 'left'
+   */
+  direction?: 'right' | 'left';
+}
+/**
+ *
+ * A FloatingButton performs the primary, or most common, action on a screen.
+ * Use it primary in mobile applications.
+ * Avoid using text in this type of button, use icons instead.
+ */
+export const FloatingButton = React.forwardRef<
+  HTMLButtonElement,
+  FloatingButtonProps
+>(function FloatingButton(
+  { direction = 'right', className, children, ...props },
+  ref
+) {
+  return (
+    <Button
+      ref={ref}
+      className={clsx(className, {
+        'ds-floating-btn': true,
+        'ds-floating-btn--right': direction === 'right',
+        'ds-floating-btn--left': direction === 'left',
+      })}
+      {...props}
+    >
+      {children}
+    </Button>
+  );
+});
+export default FloatingButton;

package/dist/src/Kitchensink/AllComponents.tsx ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';
+// @ts-expect-error Registry not included in src files
+import { stories } from '@digigov/ui/registry';
+export const AllComponents = () => <KitchenSinkDashboard stories={stories} />;

package/dist/src/Kitchensink/KitchensinkByCategory.tsx ADDED Viewed

@@ -0,0 +1,54 @@
+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/dist/src/Kitchensink/KitchensinkByLetter.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+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/dist/src/Kitchensink/KitchensinkComponent.tsx ADDED Viewed

@@ -0,0 +1,70 @@
+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/dist/src/Kitchensink/KitchensinkDashboard.tsx ADDED Viewed

@@ -0,0 +1,56 @@
+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/dist/src/Kitchensink/index.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export * from '@digigov/react-experimental/Kitchensink/AllComponents';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';

package/dist/src/OptionButtonBase/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,37 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the OptionButtonBase with  selected=false 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-btn ds-option-btn"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonBase with  selected=true 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-btn ds-option-btn ds-option-btn--selected"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonBase with no props 1`] = `
+<body>
+  <div>
+    <button
+      class="ds-btn ds-option-btn"
+    >
+      +
+    </button>
+  </div>
+</body>
+`;

package/dist/src/OptionButtonBase/index.test.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import OptionButtonBase from '@digigov/react-experimental/OptionButtonBase';
+it('renders the OptionButtonBase with no props', () => {
+  expect(
+    render(<OptionButtonBase>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonBase with  selected=true', () => {
+  expect(
+    render(<OptionButtonBase selected={true}>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonBase with  selected=false', () => {
+  expect(
+    render(<OptionButtonBase selected={false}>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
+});

package/dist/src/OptionButtonBase/index.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
+export interface OptionButtonBaseProps extends BaseProps<'button'> {
+  /**
+   * selected is optional.
+   * Use selected prop to set selected styling.
+   * @value true
+   * @value false
+   * @default false
+   */
+  selected?: boolean;
+}
+/**
+ *
+ * OptionButtonBases can be used to represent small blocks of information.
+ * OptionButtonBase component must be inside OptionButtonBaseSection component.
+ */
+export const OptionButtonBase = React.forwardRef<
+  HTMLButtonElement,
+  OptionButtonBaseProps
+>(function OptionButtonBase(
+  { selected = false, className, children, ...props },
+  ref
+) {
+  return (
+    <Base
+      as="button"
+      ref={ref}
+      className={clsx(className, {
+        'ds-btn': true,
+        'ds-option-btn': true,
+        'ds-option-btn--selected': selected,
+      })}
+      {...props}
+    >
+      {children}
+    </Base>
+  );
+});
+export default OptionButtonBase;

package/dist/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,84 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-option-btn__steps"
+    />
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonSteps with no props 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-option-btn__steps"
+    />
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonSteps with steps="3" 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-option-btn__steps"
+    >
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+    </div>
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-option-btn__steps"
+    >
+      <div
+        class="ds-option-btn__step ds-option-btn__step--active"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+    </div>
+  </div>
+</body>
+`;
+exports[`renders the OptionButtonSteps with steps=4 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-option-btn__steps"
+    >
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+      <div
+        class="ds-option-btn__step"
+      />
+    </div>
+  </div>
+</body>
+`;

package/dist/src/OptionButtonSteps/index.test.tsx ADDED Viewed

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import OptionButtonSteps from '@digigov/react-experimental/OptionButtonSteps';
+it('renders the OptionButtonSteps with no props', () => {
+  expect(
+    render(<OptionButtonSteps>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonSteps with steps="3"', () => {
+  expect(
+    render(<OptionButtonSteps steps={3}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonSteps with steps=4', () => {
+  expect(
+    render(<OptionButtonSteps steps={4}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonSteps with activeStep=1', () => {
+  expect(
+    render(<OptionButtonSteps activeStep={1}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the OptionButtonSteps with steps=3 activeStep=1', () => {
+  expect(
+    render(
+      <OptionButtonSteps steps={3} activeStep={1}>
+        +
+      </OptionButtonSteps>
+    ).baseElement
+  ).toMatchSnapshot();
+});

package/dist/src/OptionButtonSteps/index.tsx ADDED Viewed

@@ -0,0 +1,61 @@
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
+export interface OptionButtonStepsProps extends BaseProps<'div'> {
+  /**
+   * @value 0
+   * @value 1
+   * @value 2
+   * @value 3
+   * @value 4
+   * @default 0
+   */
+  steps?: stepsProps;
+  /**
+   * @default 0
+   */
+  activeStep?: number;
+}
+export type stepsProps = 0 | 1 | 2 | 3 | 4;
+/**
+ *
+ * OptionButtonSteps can be used to represent small blocks of information.
+ * OptionButtonSteps component must be inside OptionButtonStepsSection component.
+ */
+export const OptionButtonSteps = React.forwardRef<
+  HTMLDivElement,
+  OptionButtonStepsProps
+>(function OptionButtonSteps(
+  { steps = 0, activeStep = 0, className, ...props },
+  ref
+) {
+  const renderStep = (step: number) => (
+    <Base
+      as="div"
+      className={clsx(className, {
+        'ds-option-btn__step': true,
+        'ds-option-btn__step--active': activeStep >= step,
+      })}
+    ></Base>
+  );
+  return (
+    <Base
+      as="div"
+      ref={ref}
+      className={clsx(className, {
+        'ds-option-btn__steps': true,
+      })}
+      {...props}
+    >
+      {steps >= 1 && renderStep(1)}
+      {steps >= 2 && renderStep(2)}
+      {steps >= 3 && renderStep(3)}
+      {steps >= 4 && renderStep(4)}
+    </Base>
+  );
+});
+export default OptionButtonSteps;

package/dist/src/index.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from '@digigov/react-experimental/FloatingButton';
+export * from '@digigov/react-experimental/OptionButtonBase';
+export * from '@digigov/react-experimental/OptionButtonSteps';
+export * from '@digigov/react-experimental/Kitchensink';

package/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+import config from '@digigov/cli-lint/eslint.config';
+export default [...config];

package/package.json CHANGED Viewed

@@ -1,20 +1,41 @@
 {
   "name": "@digigov/react-experimental",
-  "version": "2.0.0-rc.28",
+  "version": "2.0.0-rc.29",
   "description": "@digigov react experimental components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
+  "main": "dist/index.js",
+  "module": "index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-rc.28",
-    "@digigov/react-icons": "2.0.0-rc.28",
-    "@digigov/ui": "2.0.0-rc.28",
-    "@digigov/react-core": "2.0.0-rc.28",
+    "@digigov/css": "2.0.0-rc.29",
+    "@digigov/react-icons": "2.0.0-rc.29",
+    "@digigov/ui": "2.0.0-rc.29",
+    "@digigov/react-core": "2.0.0-rc.29",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
-  "private": false,
-  "typings": "./index.d.ts"
+  "devDependencies": {
+    "@digigov/cli": "2.0.0-rc.29",
+    "@digigov/cli-lint": "2.0.0-rc.29",
+    "@digigov/cli-build": "2.0.0-rc.29",
+    "@digigov/cli-test": "2.0.0-rc.29",
+    "typescript": "5.6.2",
+    "@types/node": "18.19.0",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "eslint": "9.16.0",
+    "prettier": "3.4.2",
+    "publint": "0.1.8",
+    "vitest": "2.1.3",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/react": "16.0.1"
+  },
+  "scripts": {
+    "publint": "publint dist",
+    "lint": "digigov lint",
+    "test": "digigov test",
+    "build": "digigov build",
+    "prepublish": "digigov build"
+  }
 }

package/react-experimental.build.log ADDED Viewed

@@ -0,0 +1,9 @@
+Invoking: digigov build
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
+Running  /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist
+Created package.json in /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/dist/package.json
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/README.md to /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/dist/README.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/CHANGELOG.md to /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/dist/CHANGELOG.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/LICENSE to /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/dist/LICENSE
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/src to /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/dist/src
+Skipped license for ./index.mjs

package/rush-logs/react-experimental.build.log ADDED Viewed

@@ -0,0 +1,6 @@
+Invoking: digigov build
+ LOG  Running: rimraf dist
+ LOG  Running: tsc --emitDeclarationOnly --outDir dist --project /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/tsconfig.json
+ LOG  Running: esbuild for CJS format
+ LOG  Running: esbuild for ESM format
+⏱️ "build" execution time: 3.053s

package/rush-logs/react-experimental.lint.log ADDED Viewed

@@ -0,0 +1,12 @@
+Invoking: digigov lint
+ LOG  Running: eslint --no-error-on-unmatched-pattern
+/Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/src/Kitchensink/KitchensinkByLetter.tsx
+  8:12  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
+/Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental/src/Kitchensink/KitchensinkDashboard.tsx
+  7:12  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
+✖ 2 problems (0 errors, 2 warnings)
+⏱️ "lint" execution time: 2.750s

package/rush-logs/react-experimental.publint.log ADDED Viewed

@@ -0,0 +1,15 @@
+Invoking: publint dist
+@digigov/react-experimental lint results:
+Suggestions:
+1. pkg.module is used to output ESM, but pkg.exports is not defined. As NodeJS doesn't read pkg.module, the ESM output may be skipped. Consider adding pkg.exports to export the ESM output. pkg.module can usually be removed alongside too. (This will be a breaking change)
+Warnings:
+1. /FloatingButton/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /FloatingButton/index.mjs
+2. /Kitchensink/KitchensinkByCategory/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/KitchensinkByCategory/index.mjs
+3. /Kitchensink/KitchensinkByLetter/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/KitchensinkByLetter/index.mjs
+4. /Kitchensink/AllComponents/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/AllComponents/index.mjs
+5. /Kitchensink/KitchensinkComponent/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/KitchensinkComponent/index.mjs
+6. /Kitchensink/KitchensinkDashboard/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/KitchensinkDashboard/index.mjs
+7. /Kitchensink/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /Kitchensink/index.mjs
+8. /OptionButtonBase/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /OptionButtonBase/index.mjs
+9. /index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /index.mjs
+10. /OptionButtonSteps/index.js is written in ESM, but is interpreted as CJS. Consider using the .mjs extension, e.g. /OptionButtonSteps/index.mjs

package/rush-logs/react-experimental.test.log ADDED Viewed

@@ -0,0 +1,15 @@
+Invoking: digigov test
+ LOG  Running: vitest --config /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-test/vitest.config.js
+ RUN  v2.1.3 /Users/dimitristsironis/grnet/digigov-sdk/libs-ui/react-experimental
+ ✓ src/FloatingButton/index.test.tsx  (3 tests) 14ms
+ ✓ src/OptionButtonSteps/index.test.tsx  (5 tests) 19ms
+ ✓ src/OptionButtonBase/index.test.tsx  (3 tests) 28ms
+ Test Files  3 passed (3)
+      Tests  11 passed (11)
+   Start at  11:58:51
+   Duration  1.87s (transform 153ms, setup 761ms, collect 615ms, tests 61ms, environment 2.69s, prepare 465ms)
+⏱️ "test" execution time: 3.392s

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "extends": "@digigov/cli-build/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "dist",
+    "types": ["node", "vitest/globals", "react"],
+    "paths": {
+      "@digigov/react-icons": ["node_modules/@digigov/react-icons/src"],
+      "@digigov/react-icons/": ["node_modules/@digigov/react-icons/src/"],
+      "@digigov/react-icons/*": ["node_modules/@digigov/react-icons/src/*"],
+      "@digigov/react-core": ["node_modules/@digigov/react-core/src"],
+      "@digigov/react-core/": ["node_modules/@digigov/react-core/src/"],
+      "@digigov/react-core/*": ["node_modules/@digigov/react-core/src/*"],
+      "@digigov/ui": ["node_modules/@digigov/ui/src"],
+      "@digigov/ui/": ["node_modules/@digigov/ui/src/"],
+      "@digigov/ui/*": ["node_modules/@digigov/ui/src/*"],
+      "@digigov/react-experimental": ["./src"],
+      "@digigov/react-experimental/": ["./src/"],
+      "@digigov/react-experimental/*": ["./src/*"]
+    },
+    "baseUrl": "./"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

/package/{FloatingButton → dist/FloatingButton}/index.d.ts RENAMED Viewed

File without changes

/package/{FloatingButton → dist/FloatingButton}/index.js RENAMED Viewed

File without changes

/package/{FloatingButton → dist/FloatingButton}/index.js.map RENAMED Viewed

File without changes

/package/{FloatingButton → dist/FloatingButton}/index.test.d.ts RENAMED Viewed

File without changes

/package/{FloatingButton → dist/FloatingButton}/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/AllComponents/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/AllComponents/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/AllComponents.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/AllComponents.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByCategory/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByCategory/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByCategory.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByCategory.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByLetter/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByLetter/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByLetter.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkByLetter.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkComponent/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkComponent/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkComponent.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkComponent.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkDashboard/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkDashboard/package.json RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkDashboard.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/KitchensinkDashboard.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/index.d.ts RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/index.js RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/index.js.map RENAMED Viewed

File without changes

/package/{Kitchensink → dist/Kitchensink}/package.json RENAMED Viewed

File without changes

/package/{LICENSE → dist/LICENSE} RENAMED Viewed

File without changes

/package/{OptionButtonBase → dist/OptionButtonBase}/index.d.ts RENAMED Viewed

File without changes

/package/{OptionButtonBase → dist/OptionButtonBase}/index.js RENAMED Viewed

File without changes

/package/{OptionButtonBase → dist/OptionButtonBase}/index.js.map RENAMED Viewed

File without changes

/package/{OptionButtonBase → dist/OptionButtonBase}/index.test.d.ts RENAMED Viewed

File without changes

/package/{OptionButtonBase → dist/OptionButtonBase}/package.json RENAMED Viewed

File without changes

/package/{OptionButtonSteps → dist/OptionButtonSteps}/index.d.ts RENAMED Viewed

File without changes

/package/{OptionButtonSteps → dist/OptionButtonSteps}/index.js RENAMED Viewed

File without changes

/package/{OptionButtonSteps → dist/OptionButtonSteps}/index.js.map RENAMED Viewed

File without changes

/package/{OptionButtonSteps → dist/OptionButtonSteps}/index.test.d.ts RENAMED Viewed

File without changes

/package/{OptionButtonSteps → dist/OptionButtonSteps}/package.json RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/FloatingButton/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/FloatingButton/index.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/AllComponents/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/AllComponents.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkByCategory/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkByCategory.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkByLetter/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkByLetter.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkComponent/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkComponent.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkDashboard/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/KitchensinkDashboard.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/Kitchensink/index.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/OptionButtonBase/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/OptionButtonBase/index.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/OptionButtonSteps/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/OptionButtonSteps/index.js.map RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/index.js RENAMED Viewed

File without changes

/package/{cjs → dist/cjs}/index.js.map RENAMED Viewed

File without changes

/package/{index.d.ts → dist/index.d.ts} RENAMED Viewed

File without changes

/package/{index.js.map → dist/index.js.map} RENAMED Viewed

File without changes