@sakura-ui/sakura-ui 0.0.16 → 0.1.1

package/packages/forms/tests/Text.test.tsx

@@ -0,0 +1,96 @@
+import * as React from 'react'
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom'
+
+import { LabelControl, Text } from '../src'
+
+describe('should derive values from surrounding LabelControl', () => {
+  test('renders Text component vol1', async () => {
+    render(
+      <LabelControl labelText="test">
+        <Text />
+      </LabelControl>
+    )
+
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+  })
+
+  test('renders Text component vol2', async () => {
+    render(
+      <LabelControl labelText="test" helperText="helper" errorMessage="error">
+        <Text />
+      </LabelControl>
+    )
+
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+
+    expect(text).toHaveAttribute('aria-describedby', 'helper-text-:r1:')
+    expect(text).toHaveAttribute('aria-errormessage', 'error-message-:r1:')
+  })
+
+  test('renders Text component vol3', async () => {
+    render(
+      <LabelControl labelText="test">
+        <Text />
+      </LabelControl>
+    )
+
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+
+    expect(text).toBeValid()
+    expect(text).toHaveAttribute('aria-invalid', 'false')
+  })
+
+  test('renders Text component vol4', async () => {
+    render(
+      <LabelControl labelText="test" isInvalid>
+        <Text />
+      </LabelControl>
+    )
+
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+
+    expect(text).toBeInvalid()
+    expect(text).toHaveAttribute('aria-invalid', 'true')
+    expect(text).not.toBeRequired()
+  })
+
+  test('renders Text component vol5', async () => {
+    render(
+      <LabelControl labelText="test" isRequired>
+        <Text defaultValue="test value" />
+      </LabelControl>
+    )
+
+    screen.getByLabelText
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+
+    expect(text).toBeValid()
+    expect(text).toBeRequired()
+  })
+
+  test('renders Text component vol6', async () => {
+    render(
+      <LabelControl labelText="test" isRequired>
+        <Text />
+      </LabelControl>
+    )
+
+    const text = screen.getByLabelText(/test/)
+
+    expect(text).toBeInTheDocument()
+
+    expect(text).toBeInvalid()
+    expect(text).toBeRequired()
+  })
+})

package/packages/forms/tsconfig.json

@@ -1,22 +1,6 @@
 {
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "outDir": "dist",
-    "declaration": true,
-    "declarationMap": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"]

package/packages/forms/dist/components/Checkbox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface CheckboxProps extends React.ComponentProps<'input'> {
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Checkbox.d.ts.map

package/packages/forms/dist/components/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAEvE,eAAO,MAAM,QAAQ,qGAqDpB,CAAA"}

package/packages/forms/dist/components/Radio.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface Props extends React.ComponentProps<'input'> {
-}
-export declare const Radio: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Radio.d.ts.map

package/packages/forms/dist/components/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;CAAG;AAE/D,eAAO,MAAM,KAAK,6FAsChB,CAAA"}

package/packages/forms/dist/components/Select.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {
-}
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-//# sourceMappingURL=Select.d.ts.map

package/packages/forms/dist/components/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;CAAG;AAEhF,eAAO,MAAM,MAAM,uFAqClB,CAAA"}

package/packages/forms/dist/components/Text.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface TextProps extends React.ComponentPropsWithoutRef<'input'> {
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Text.d.ts.map

package/packages/forms/dist/components/Text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAE7E,eAAO,MAAM,IAAI,oFA6BhB,CAAA"}

package/packages/forms/dist/components/Textarea.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface TextareaProps extends React.ComponentPropsWithoutRef<'textarea'> {
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=Textarea.d.ts.map

package/packages/forms/dist/components/Textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;CAAG;AAEvD,eAAO,MAAM,QAAQ,2FA0BpB,CAAA"}

package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { InputItem } from './InputItem';
-export interface CheckboxGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
-    items: InputItem[];
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    label: string;
-}
-export declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
-//# sourceMappingURL=CheckboxGroup.d.ts.map

package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAkBtD,CAAA"}

package/packages/forms/dist/components/controlled/InputItem.d.ts

@@ -1,5 +0,0 @@
-export interface InputItem {
-    label: string;
-    value: string;
-}
-//# sourceMappingURL=InputItem.d.ts.map

package/packages/forms/dist/components/controlled/InputItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputItem.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/InputItem.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd"}

package/packages/forms/dist/components/controlled/RadioGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { InputItem } from './InputItem';
-export interface RadioGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'onChange'> {
-    items: InputItem[];
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    label: string;
-}
-export declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
-//# sourceMappingURL=RadioGroup.d.ts.map

package/packages/forms/dist/components/controlled/RadioGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAC1D,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACpD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,gBAuBhD,CAAA"}

package/packages/forms/dist/components/controlled/Select.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {
-    label: string;
-}
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-//# sourceMappingURL=Select.d.ts.map

package/packages/forms/dist/components/controlled/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,MAAM,uFAalB,CAAA"}

package/packages/forms/dist/components/controlled/Text.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TextProps extends React.ComponentPropsWithoutRef<'input'> {
-    label: string;
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Text.d.ts.map

package/packages/forms/dist/components/controlled/Text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,IAAI,oFAahB,CAAA"}

package/packages/forms/dist/components/controlled/Textarea.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TextareaProps extends React.ComponentPropsWithoutRef<'textarea'> {
-    label: string;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=Textarea.d.ts.map

package/packages/forms/dist/components/controlled/Textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IAClD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,QAAQ,2FAapB,CAAA"}

package/packages/forms/dist/components/controlled/index.d.ts

@@ -1,6 +0,0 @@
-export { CheckboxGroup } from './CheckboxGroup';
-export { RadioGroup } from './RadioGroup';
-export { Select } from './Select';
-export { Text } from './Text';
-export { Textarea } from './Textarea';
-//# sourceMappingURL=index.d.ts.map

package/packages/forms/dist/components/controlled/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/packages/forms/dist/components/index.d.ts

@@ -1,6 +0,0 @@
-export { Checkbox } from './Checkbox';
-export { Radio } from './Radio';
-export { Select } from './Select';
-export { Text } from './Text';
-export { Textarea } from './Textarea';
-//# sourceMappingURL=index.d.ts.map

package/packages/forms/dist/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/packages/forms/dist/index.d.ts

@@ -1,3 +0,0 @@
-export { Checkbox, Radio, Select, Text, Textarea } from './components';
-export { CheckboxGroup, RadioGroup, Select as SelectControl, Text as TextControl, Textarea as TextareaControl } from './components/controlled';
-//# sourceMappingURL=index.d.ts.map

package/packages/forms/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,EACL,aAAa,EACb,UAAU,EACV,MAAM,IAAI,aAAa,EACvB,IAAI,IAAI,WAAW,EACnB,QAAQ,IAAI,eAAe,EAC5B,MAAM,yBAAyB,CAAA"}

package/packages/forms/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-export declare const cx: (...classNames: any[]) => string;
-//# sourceMappingURL=index.d.ts.map

package/packages/forms/dist/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,kBAAmB,GAAG,EAAE,WAAyC,CAAA"}

package/packages/forms/src/components/controlled/Select.tsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { cx } from '../../utils'
-import { Select as Atom } from '../Select'
-
-export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {
-  label: string
-}
-
-export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
-  (props, ref) => {
-    const { label, className, ...newProps } = props
-
-    return (
-      <div className={cx('mb-4', className)}>
-        <label>
-          <div className="block mb-2">{label}</div>
-          <Atom ref={ref} {...newProps} />
-        </label>
-      </div>
-    )
-  }
-)

package/packages/forms/src/components/controlled/Text.tsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { cx } from '../../utils'
-import { Text as Atom } from '../Text'
-
-export interface TextProps extends React.ComponentPropsWithoutRef<'input'> {
-  label: string
-}
-
-export const Text = React.forwardRef<HTMLInputElement, TextProps>(
-  (props, ref) => {
-    const { label, className, ...newProps } = props
-
-    return (
-      <div className={cx('mb-4', className)}>
-        <label>
-          <div className="block mb-2">{label}</div>
-          <Atom ref={ref} {...newProps} />
-        </label>
-      </div>
-    )
-  }
-)

package/packages/forms/src/components/controlled/Textarea.tsx

@@ -1,23 +0,0 @@
-import React from 'react'
-import { cx } from '../../utils'
-import { Textarea as Atom } from '../Textarea'
-
-export interface TextareaProps
-  extends React.ComponentPropsWithoutRef<'textarea'> {
-  label: string
-}
-
-export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  (props, ref) => {
-    const { label, className, ...newProps } = props
-
-    return (
-      <div className={cx('mb-4', className)}>
-        <label>
-          <div className="block mb-2">{label}</div>
-          <Atom ref={ref} {...newProps} />
-        </label>
-      </div>
-    )
-  }
-)

package/packages/forms/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/packages/react/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "outDir": "dist",
-    "declaration": true,
-    "declarationMap": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}