0.9.2

- Form field now can be conditional
- Update to `@grandlinex/react-icons: 0.2.1`

Author: Elschnagoo

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change log
 All notable changes to this project will be documented in this file.
 
+## [0.9.2]
+### Changed
+- Form field now can be conditional
+- Update to `@grandlinex/react-icons: 0.2.1`
+
 ## [0.9.1]
 ### Fixed
 - Fix Icon package dependency

package.json

@@ -1,11 +1,11 @@
 {
   "name": "@grandlinex/react-components",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@grandlinex/react-icons": "0.1.1"
+    "@grandlinex/react-icons": "0.2.0"
   },
   "keywords": [
     "grandlinex",
@@ -25,17 +25,17 @@
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
     "@chromatic-com/storybook": "3.2.2",
-    "@storybook/addon-essentials": "8.4.6",
-    "@storybook/addon-interactions": "8.4.6",
-    "@storybook/addon-links": "8.4.6",
-    "@storybook/addon-onboarding": "8.4.6",
-    "@storybook/addon-storysource": "8.4.6",
-    "@storybook/addon-themes": "8.4.6",
+    "@storybook/addon-essentials": "8.6.4",
+    "@storybook/addon-interactions": "8.6.4",
+    "@storybook/addon-links": "8.6.4",
+    "@storybook/addon-onboarding": "8.6.4",
+    "@storybook/addon-storysource": "8.6.4",
+    "@storybook/addon-themes": "8.6.4",
     "@storybook/addon-webpack5-compiler-swc": "1.0.5",
-    "@storybook/blocks": "8.4.6",
-    "@storybook/react": "8.4.6",
-    "@storybook/react-webpack5": "8.4.6",
-    "@storybook/test": "8.4.6",
+    "@storybook/blocks": "8.6.4",
+    "@storybook/react": "8.6.4",
+    "@storybook/react-webpack5": "8.6.4",
+    "@storybook/test": "8.6.4",
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
     "@typescript-eslint/eslint-plugin": "7.16.0",
@@ -61,7 +61,7 @@
     "prettier": "3.3.3",
     "sass": "1.79.4",
     "sass-loader": "16.0.2",
-    "storybook": "8.4.6",
+    "storybook": "8.6.4",
     "style-loader": "4.0.0",
     "ts-loader": "9.5.1",
     "ts-node": "10.9.2",

src/components/Card/Card.tsx

@@ -6,10 +6,10 @@ import {
   ISize,
 } from '@grandlinex/react-icons';
 import HNavigator from '../Navigator/HNavigator';
-import { BadgeProps, Badge } from '../other/Badge/Badge';
+import { Badge, BadgeProps } from '../other/Badge/Badge';
 import { cnx } from '../../util';
 import DropDownIconMenu, { MenuItem } from '../menu/DropDownIconMenu';
-import Grid from '../Grid/Grid';
+import { Grid } from '../Grid/Grid';
 import Tooltip, { ToolTipProp } from '../tooltip/Tooltip';
 
 export type CardColor = 'red' | 'black' | 'yellow' | 'green' | 'orange';

src/components/Grid/Grid.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, useMemo } from 'react';
 import { cnx, CnxInput } from '../../util';
 
-type GridProps = React.PropsWithChildren<
+export type GridProps = React.PropsWithChildren<
   Omit<HTMLAttributes<HTMLDivElement>, 'className'> & {
     divRef?: React.Ref<HTMLDivElement>;
     className?: CnxInput | CnxInput[];
@@ -49,7 +49,7 @@ const optionMap = new Map<keyof GridProps, string>([
   ['flexWrap', 'glx-flex-wrap'],
 ]);
 
-export default function Grid(props: GridProps) {
+export function Grid(props: GridProps) {
   const { children } = props;
 
   const outProps: Record<string, any> = useMemo(() => {

src/components/HCard/HCard.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { getIcon, INames } from '@grandlinex/react-icons';
 import { cnx } from '../../util';
 import { CardProps } from '../Card/Card';
-import Grid from '../Grid/Grid';
+import { Grid } from '../Grid/Grid';
 import { IconButton } from '../button/IconButton';
 
 export type HCardProps = Omit<CardProps, 'badges' | 'button' | 'menu'> & {

src/components/Navigator/HNavigator.tsx

@@ -1,7 +1,7 @@
 import React, { createRef, useEffect } from 'react';
 
 import { IOChevronBack, IOChevronForward } from '@grandlinex/react-icons';
-import Grid from '../Grid/Grid';
+import { Grid } from '../Grid/Grid';
 import { cnx } from '../../util';
 
 export type HNavigatorProps = React.PropsWithChildren<{

src/components/button/Button.tsx

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
 import { cnx } from '../../util';
-import Grid from '../Grid/Grid';
+import { Grid } from '../Grid/Grid';
 
 export type ButtonProps = {
   onClick: (event?: MouseEvent) => void;

src/components/canvas/Draw.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { IOArrowUndoCircle, IOColorFill } from '@grandlinex/react-icons';
-import Grid from '../Grid/Grid';
+import { Grid } from '../Grid/Grid';
 import { IconButton } from '../button/IconButton';
 
 export interface CanvasProps {

src/components/clock/component/FNumber.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { pad } from '../type';
-import Grid from '../../Grid/Grid';
+import { Grid } from '../../Grid/Grid';
 
 function helpList(start: number) {
   const x = [];

src/components/clock/variants/Numvers.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Grid from '../../Grid/Grid';
+import { Grid } from '../../Grid/Grid';
 import { ClockType } from '../type';
 import FNumber from '../component/FNumber';