@sakura-ui/sakura-ui 0.1.10 → 0.1.12

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

@@ -2,7 +2,8 @@ import React from 'react'
 import { LabelControl } from '../LabelControl'
 import { Textarea } from '../Textarea'
 
-export interface TextareaControlProps extends React.ComponentProps<'textarea'> {
+export interface TextareaControlProps
+  extends React.ComponentPropsWithRef<'textarea'> {
   labelText: string
   helperText?: string
   errorMessage?: string
@@ -10,30 +11,30 @@ export interface TextareaControlProps extends React.ComponentProps<'textarea'> {
   isRequired?: boolean
 }
 
-export const TextareaControl = React.forwardRef<
-  HTMLTextAreaElement,
-  TextareaControlProps
->((props, ref) => {
-  const {
-    className,
-    labelText,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isRequired,
-    ...restProps
-  } = props
+export const TextareaControl: React.ElementType<TextareaControlProps> =
+  React.forwardRef<HTMLTextAreaElement, TextareaControlProps>((props, ref) => {
+    const {
+      className,
+      labelText,
+      helperText,
+      errorMessage,
+      isInvalid,
+      isRequired,
+      ...restProps
+    } = props
 
-  return (
-    <LabelControl
-      className={className}
-      labelText={labelText}
-      helperText={helperText}
-      errorMessage={errorMessage}
-      isInvalid={isInvalid}
-      isRequired={isRequired}
-    >
-      <Textarea ref={ref} {...restProps} />
-    </LabelControl>
-  )
-}) as React.ElementType
+    return (
+      <LabelControl
+        className={className}
+        labelText={labelText}
+        helperText={helperText}
+        errorMessage={errorMessage}
+        isInvalid={isInvalid}
+        isRequired={isRequired}
+      >
+        <Textarea ref={ref} {...restProps} />
+      </LabelControl>
+    )
+  })
+
+TextareaControl.displayName = 'TextareaControl'

package/packages/forms/src/components/controlled/index.ts

@@ -1,5 +1,4 @@
 export { CheckboxGroup } from './CheckboxGroup'
 export { RadioGroup } from './RadioGroup'
 export { SelectControl } from './SelectControl'
-export { InputControl } from './InputControl'
 export { TextareaControl } from './TextareaControl'

package/packages/forms/src/index.ts

@@ -12,6 +12,5 @@ export {
   CheckboxGroup,
   RadioGroup,
   SelectControl,
-  InputControl,
   TextareaControl
 } from './components/controlled'

package/packages/forms/tsconfig.node.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "node",
     "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]

package/packages/forms/vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
     lib: {
       entry: resolve(__dirname, 'src', 'index.ts'),
       formats: ['es', 'cjs'],
-      fileName: (ext) => `index.${ext}.js`
+      fileName: (ext: string) => `index.${ext}.js`
     },
     rollupOptions: {
       external: [...Object.keys(peerDependencies)]

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface InputControlProps extends React.ComponentProps<'input'> {
-    labelText: string;
-    helperText?: string;
-    errorMessage?: string;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-}
-export declare const InputControl: React.ElementType<any>;
-//# sourceMappingURL=InputControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputControl.d.ts","sourceRoot":"","sources":["../../../src/components/controlled/InputControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IACtE,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,wBA0BF,CAAA"}

package/packages/forms/node_modules/.bin/browserslist

@@ -1,17 +0,0 @@
-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-
-case `uname` in
-    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
-esac
-
-if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.5/node_modules/browserslist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
-else
-  export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.5/node_modules/browserslist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/browserslist@4.21.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
-fi
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/browserslist@4.21.5/node_modules/browserslist/cli.js" "$@"
-else
-  exec node  "$basedir/../../../../node_modules/.pnpm/browserslist@4.21.5/node_modules/browserslist/cli.js" "$@"
-fi

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

@@ -1,39 +0,0 @@
-import React from 'react'
-import { LabelControl } from '../LabelControl'
-import { Input } from '../Input'
-
-export interface InputControlProps extends React.ComponentProps<'input'> {
-  labelText: string
-  helperText?: string
-  errorMessage?: string
-  isInvalid?: boolean
-  isRequired?: boolean
-}
-
-export const InputControl = React.forwardRef<
-  HTMLInputElement,
-  InputControlProps
->((props, ref) => {
-  const {
-    className,
-    labelText,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isRequired,
-    ...restProps
-  } = props
-
-  return (
-    <LabelControl
-      className={className}
-      labelText={labelText}
-      helperText={helperText}
-      errorMessage={errorMessage}
-      isInvalid={isInvalid}
-      isRequired={isRequired}
-    >
-      <Input ref={ref} {...restProps} />
-    </LabelControl>
-  )
-}) as React.ElementType