@akinon/ui-space 0.3.0 → 0.5.0

package/dist/cjs/index.d.ts

@@ -1,6 +1,17 @@
-import type { SpaceProps as AntSpaceProps } from 'antd';
 import * as React from 'react';
-type SpaceProps = AntSpaceProps;
-export declare const Space: ({ children, ...restSpaceProps }: SpaceProps) => React.JSX.Element;
-export {};
+import type { CompactSpaceProps, SpaceProps } from './types';
+export declare const Space: ({ children, block, ...restSpaceProps }: SpaceProps) => React.JSX.Element;
+/**
+ * Supported child components:
+ * - Button
+ * - AutoComplete
+ * - DatePicker
+ * - Input
+ * - InputSearch
+ * - InputNumber
+ * - Select
+ * - TimePicker
+ */
+export declare const CompactSpace: React.FC<CompactSpaceProps>;
+export type { CompactSpaceProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,MAAM,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,UAAU,GAAG,aAAa,CAAC;AAEhC,eAAO,MAAM,KAAK,oCAAqC,UAAU,sBAEhE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI7D,eAAO,MAAM,KAAK,2CAA4C,UAAU,sBASvE,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAKpD,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/cjs/index.js

@@ -11,11 +11,28 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Space = void 0;
+exports.CompactSpace = exports.Space = void 0;
 const antd_1 = require("antd");
 const React = require("react");
+const AntdCompact = antd_1.Space.Compact;
 const Space = (_a) => {
-    var { children } = _a, restSpaceProps = __rest(_a, ["children"]);
-    return React.createElement(antd_1.Space, Object.assign({}, restSpaceProps), children);
+    var { children, block } = _a, restSpaceProps = __rest(_a, ["children", "block"]);
+    return (React.createElement(antd_1.Space, Object.assign({}, restSpaceProps, (block && { style: { width: '100%' } })), children));
 };
 exports.Space = Space;
+/**
+ * Supported child components:
+ * - Button
+ * - AutoComplete
+ * - DatePicker
+ * - Input
+ * - InputSearch
+ * - InputNumber
+ * - Select
+ * - TimePicker
+ */
+const CompactSpace = (_a) => {
+    var { children } = _a, restSpaceProps = __rest(_a, ["children"]);
+    return React.createElement(AntdCompact, Object.assign({}, restSpaceProps), children);
+};
+exports.CompactSpace = CompactSpace;

package/dist/cjs/types.d.ts

@@ -0,0 +1,74 @@
+import type { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE } from '@akinon/ui-theme';
+import type React from 'react';
+
+export type SpaceSize = 'small' | 'middle' | 'large' | number;
+export type SpaceDirection = 'horizontal' | 'vertical';
+
+export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Space's class name
+   */
+  className?: string;
+  /**
+   * Space's root class name
+   */
+  rootClassName?: string;
+  /**
+   * Space's size
+   */
+  size?: SpaceSize | [SpaceSize, SpaceSize];
+  /**
+   * Whether to make the space block (full width)
+   */
+  block?: boolean;
+  /**
+   * Space's direction
+   */
+  direction?: SpaceDirection;
+  /**
+   * Space's alignment
+   */
+  align?: 'start' | 'end' | 'center' | 'baseline';
+  /**
+   * Space's split element
+   */
+  split?: React.ReactNode;
+  /**
+   * Whether to wrap the space items
+   */
+  wrap?: boolean;
+  /**
+   * Space's item class names
+   */
+  classNames?: {
+    item: string;
+  };
+  /**
+   * @ignore
+   */
+  styles?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+  /**
+   * @ignore
+   */
+  style?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+}
+
+export interface CompactSpaceProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Compact space's size
+   */
+  size?: Exclude<SpaceSize, number>;
+  /**
+   * Compact space's direction
+   */
+  direction?: SpaceDirection;
+  /**
+   * Whether to make the compact space block
+   */
+  block?: boolean;
+  /**
+   * Compact space's root class name
+   */
+  rootClassName?: string;
+}

package/dist/esm/index.d.ts

@@ -1,6 +1,17 @@
-import type { SpaceProps as AntSpaceProps } from 'antd';
 import * as React from 'react';
-type SpaceProps = AntSpaceProps;
-export declare const Space: ({ children, ...restSpaceProps }: SpaceProps) => React.JSX.Element;
-export {};
+import type { CompactSpaceProps, SpaceProps } from './types';
+export declare const Space: ({ children, block, ...restSpaceProps }: SpaceProps) => React.JSX.Element;
+/**
+ * Supported child components:
+ * - Button
+ * - AutoComplete
+ * - DatePicker
+ * - Input
+ * - InputSearch
+ * - InputNumber
+ * - Select
+ * - TimePicker
+ */
+export declare const CompactSpace: React.FC<CompactSpaceProps>;
+export type { CompactSpaceProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,MAAM,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,UAAU,GAAG,aAAa,CAAC;AAEhC,eAAO,MAAM,KAAK,oCAAqC,UAAU,sBAEhE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI7D,eAAO,MAAM,KAAK,2CAA4C,UAAU,sBASvE,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAKpD,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/index.js

@@ -11,7 +11,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { Space as AntSpace } from 'antd';
 import * as React from 'react';
+const AntdCompact = AntSpace.Compact;
 export const Space = (_a) => {
+    var { children, block } = _a, restSpaceProps = __rest(_a, ["children", "block"]);
+    return (React.createElement(AntSpace, Object.assign({}, restSpaceProps, (block && { style: { width: '100%' } })), children));
+};
+/**
+ * Supported child components:
+ * - Button
+ * - AutoComplete
+ * - DatePicker
+ * - Input
+ * - InputSearch
+ * - InputNumber
+ * - Select
+ * - TimePicker
+ */
+export const CompactSpace = (_a) => {
     var { children } = _a, restSpaceProps = __rest(_a, ["children"]);
-    return React.createElement(AntSpace, Object.assign({}, restSpaceProps), children);
+    return React.createElement(AntdCompact, Object.assign({}, restSpaceProps), children);
 };

package/dist/esm/types.d.ts

@@ -0,0 +1,74 @@
+import type { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE } from '@akinon/ui-theme';
+import type React from 'react';
+
+export type SpaceSize = 'small' | 'middle' | 'large' | number;
+export type SpaceDirection = 'horizontal' | 'vertical';
+
+export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Space's class name
+   */
+  className?: string;
+  /**
+   * Space's root class name
+   */
+  rootClassName?: string;
+  /**
+   * Space's size
+   */
+  size?: SpaceSize | [SpaceSize, SpaceSize];
+  /**
+   * Whether to make the space block (full width)
+   */
+  block?: boolean;
+  /**
+   * Space's direction
+   */
+  direction?: SpaceDirection;
+  /**
+   * Space's alignment
+   */
+  align?: 'start' | 'end' | 'center' | 'baseline';
+  /**
+   * Space's split element
+   */
+  split?: React.ReactNode;
+  /**
+   * Whether to wrap the space items
+   */
+  wrap?: boolean;
+  /**
+   * Space's item class names
+   */
+  classNames?: {
+    item: string;
+  };
+  /**
+   * @ignore
+   */
+  styles?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+  /**
+   * @ignore
+   */
+  style?: DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE;
+}
+
+export interface CompactSpaceProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Compact space's size
+   */
+  size?: Exclude<SpaceSize, number>;
+  /**
+   * Compact space's direction
+   */
+  direction?: SpaceDirection;
+  /**
+   * Whether to make the compact space block
+   */
+  block?: boolean;
+  /**
+   * Compact space's root class name
+   */
+  rootClassName?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-space",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -16,9 +16,8 @@
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "^5.2.2",
-    "@akinon/vite-config": "0.4.0",
-    "@akinon/eslint-config": "0.1.0",
-    "@akinon/typescript-config": "0.2.0"
+    "@akinon/ui-theme": "0.7.0",
+    "@akinon/typescript-config": "0.4.0"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -38,12 +37,8 @@
     "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
     "build:esm": "tsc --outDir dist/esm",
     "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
     "clean": "rimraf dist/",
-    "lint": "eslint *.ts*",
-    "test": "vitest run",
-    "test:ui": "vitest --ui",
-    "test:watch": "vitest watch",
     "typecheck": "tsc --noEmit"
   }
 }