@semcore/tab-line 16.1.0 → 16.1.1

package/lib/types/index.d.ts

@@ -1,2 +1,102 @@
-export { default, wrapTabLine } from './TabLine';
-export * from './TabLine.type';
+import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import type { Box, BoxProps } from '@semcore/flex-box';
+import type { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';
+import type React from 'react';
+
+export type TabLineValue = string | number | boolean;
+
+/** @deprecated */
+export interface ITabLineProps<T extends TabLineValue = TabLineValue>
+  extends TabLineProps<T>,
+  UnknownProperties {}
+export type TabLineProps<T extends TabLineValue = TabLineValue> = BoxProps &
+  NeighborLocationProps & {
+    /** TabLine size
+     * @default m
+     * */
+    size?: 'm' | 'l' | false;
+    /** Adds a bottom border for the entire component
+     * @default true
+     * */
+    underlined?: boolean;
+    /** Is invoked when changing the selection */
+    onChange?:
+      | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)
+      | React.Dispatch<React.SetStateAction<T>>;
+    /** Value of the selected tab */
+    value?: T;
+    /** Default value of the selected tab
+     * @default null
+     * */
+    defaultValue?: T;
+
+    /**
+     * Behavior of tabs.
+     * In `auto`, changes the tab immediately when press arrow.
+     * In `manual`, needs to press `space` or `enter` for select a choice.
+     * @default 'auto'
+     */
+    behavior?: 'auto' | 'manual';
+  };
+
+/** @deprecated */
+export interface ITabLineItemProps extends TabLineItemProps, UnknownProperties {}
+export type TabLineItemProps = BoxProps &
+  NeighborItemProps & {
+    /** Makes a tab selected. This property is determined automatically depending on the value. */
+    selected?: boolean;
+    /** Disabled state  */
+    disabled?: boolean;
+    /** Tab value */
+    value?: TabLineValue;
+    /** Left addon tag */
+    addonLeft?: React.ElementType;
+    /** Right addon tag  */
+    addonRight?: React.ElementType;
+  };
+
+/** @deprecated */
+export interface ITabLineContext extends TabLineContext, UnknownProperties {}
+export type TabLineContext = {
+  getItemProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface ITabLineHandlers extends TabLineHandlers, UnknownProperties {}
+export type TabLineHandlers = {
+  value: (value: TabLineValue) => void;
+};
+
+type IntergalacticTabLineComponent<PropsExtending = {}> = (<
+  Value extends TabLineValue,
+  Tag extends Intergalactic.Tag = 'div',
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<
+    Tag,
+    'div',
+    TabLineProps<Value>,
+    TabLineContext,
+    [handlers: TabLineHandlers]
+  > &
+  PropsExtending,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabLineProps>;
+
+declare const TabLine: IntergalacticTabLineComponent & {
+  Item: Intergalactic.Component<'div', TabLineItemProps, {}, [handlers: TabLineHandlers]> & {
+    Text: typeof Box;
+    Addon: typeof Box;
+  };
+};
+
+declare const wrapTabLine: <PropsExtending extends {}>(
+  wrapper: (
+    props: Intergalactic.InternalTypings.UntypeRefAndTag<
+      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabLineComponent>
+    > &
+    PropsExtending,
+  ) => React.ReactNode,
+) => IntergalacticTabLineComponent<PropsExtending>;
+export { wrapTabLine };
+
+export default TabLine;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/tab-line",
   "description": "Semrush TabLine Component",
-  "version": "16.1.0",
+  "version": "16.1.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,8 +14,8 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.1.0",
-    "@semcore/neighbor-location": "16.1.0"
+    "@semcore/flex-box": "16.1.1",
+    "@semcore/neighbor-location": "16.1.1"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.6.0"

package/lib/cjs/TabLine.type.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=TabLine.type.js.map

package/lib/cjs/TabLine.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabLine.type.js","names":[],"sources":["../../src/TabLine.type.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps, NeighborLocationProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSTabLine {\n  type Value = string | number | boolean;\n  type Props<T extends NSTabLine.Value = NSTabLine.Value> = BoxProps &\n    NeighborLocationProps & {\n      /** TabLine size\n       * @default m\n       * */\n      size?: 'm' | 'l' | false;\n      /** Adds a bottom border for the entire component\n       * @default true\n       * */\n      underlined?: boolean;\n      /** Is invoked when changing the selection */\n      onChange?:\n        | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n        | React.Dispatch<React.SetStateAction<T>>;\n      /** Value of the selected tab */\n      value?: T;\n      /** Default value of the selected tab\n       * @default null\n       * */\n      defaultValue?: T;\n\n      /**\n       * Behavior of tabs.\n       * In `auto`, changes the tab immediately when press arrow.\n       * In `manual`, needs to press `space` or `enter` for select a choice.\n       * @default 'auto'\n       */\n      behavior?: 'auto' | 'manual';\n    };\n  type Ctx = {\n    getItemProps: PropGetterFn;\n  };\n  type Handlers = {\n    value: null;\n  };\n\n  namespace Item {\n    type Props = BoxProps &\n      NeighborItemProps & {\n        /** Makes a tab selected. This property is determined automatically depending on the value. */\n        selected?: boolean;\n        /** Disabled state  */\n        disabled?: boolean;\n        /** Tab value */\n        value?: NSTabLine.Value;\n        /** Left addon tag */\n        addonLeft?: React.ElementType;\n        /** Right addon tag  */\n        addonRight?: React.ElementType;\n      };\n\n    namespace Text {\n        type Props = NSText.Props;\n        type Component = NSText.Component;\n    }\n\n    namespace Addon {\n        type Component = typeof Box;\n    }\n\n    type Component = Intergalactic.Component<'div', Props, {}, [handlers: NSTabLine.Handlers]> & {\n      Text: Text.Component;\n      Addon: Addon.Component;\n    };\n  }\n\n  type WrapperComponent<PropsExtending = {}> = (<\n    V extends Value,\n    Tag extends Intergalactic.Tag = 'div',\n  >(\n    props: Intergalactic.InternalTypings.ComponentProps<\n      Tag,\n      'div',\n      Props<V>,\n      Ctx,\n      [handlers: Handlers]\n    > &\n    PropsExtending,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;\n\n  type Component = WrapperComponent & {\n    Item: Item.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type TabLineValue = NSTabLine.Value;\n/** @deprecated It will be removed in v18. */\nexport type TabLineProps<T extends TabLineValue = TabLineValue> = NSTabLine.Props<T>;\n/** @deprecated It will be removed in v18. */\nexport type TabLineItemProps = NSTabLine.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type TabLineContext = NSTabLine.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type TabLineHandlers = NSTabLine.Handlers;\n\nexport type { NSTabLine };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/TabLine.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TabLine.type.js.map

package/lib/es6/TabLine.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabLine.type.js","names":[],"sources":["../../src/TabLine.type.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps, NeighborLocationProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSTabLine {\n  type Value = string | number | boolean;\n  type Props<T extends NSTabLine.Value = NSTabLine.Value> = BoxProps &\n    NeighborLocationProps & {\n      /** TabLine size\n       * @default m\n       * */\n      size?: 'm' | 'l' | false;\n      /** Adds a bottom border for the entire component\n       * @default true\n       * */\n      underlined?: boolean;\n      /** Is invoked when changing the selection */\n      onChange?:\n        | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n        | React.Dispatch<React.SetStateAction<T>>;\n      /** Value of the selected tab */\n      value?: T;\n      /** Default value of the selected tab\n       * @default null\n       * */\n      defaultValue?: T;\n\n      /**\n       * Behavior of tabs.\n       * In `auto`, changes the tab immediately when press arrow.\n       * In `manual`, needs to press `space` or `enter` for select a choice.\n       * @default 'auto'\n       */\n      behavior?: 'auto' | 'manual';\n    };\n  type Ctx = {\n    getItemProps: PropGetterFn;\n  };\n  type Handlers = {\n    value: null;\n  };\n\n  namespace Item {\n    type Props = BoxProps &\n      NeighborItemProps & {\n        /** Makes a tab selected. This property is determined automatically depending on the value. */\n        selected?: boolean;\n        /** Disabled state  */\n        disabled?: boolean;\n        /** Tab value */\n        value?: NSTabLine.Value;\n        /** Left addon tag */\n        addonLeft?: React.ElementType;\n        /** Right addon tag  */\n        addonRight?: React.ElementType;\n      };\n\n    namespace Text {\n        type Props = NSText.Props;\n        type Component = NSText.Component;\n    }\n\n    namespace Addon {\n        type Component = typeof Box;\n    }\n\n    type Component = Intergalactic.Component<'div', Props, {}, [handlers: NSTabLine.Handlers]> & {\n      Text: Text.Component;\n      Addon: Addon.Component;\n    };\n  }\n\n  type WrapperComponent<PropsExtending = {}> = (<\n    V extends Value,\n    Tag extends Intergalactic.Tag = 'div',\n  >(\n    props: Intergalactic.InternalTypings.ComponentProps<\n      Tag,\n      'div',\n      Props<V>,\n      Ctx,\n      [handlers: Handlers]\n    > &\n    PropsExtending,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;\n\n  type Component = WrapperComponent & {\n    Item: Item.Component;\n  };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type TabLineValue = NSTabLine.Value;\n/** @deprecated It will be removed in v18. */\nexport type TabLineProps<T extends TabLineValue = TabLineValue> = NSTabLine.Props<T>;\n/** @deprecated It will be removed in v18. */\nexport type TabLineItemProps = NSTabLine.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type TabLineContext = NSTabLine.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type TabLineHandlers = NSTabLine.Handlers;\n\nexport type { NSTabLine };\n"],"mappings":"","ignoreList":[]}

package/lib/esm/TabLine.type.mjs

@@ -1 +0,0 @@
-

package/lib/types/TabLine.d.ts

@@ -1,6 +0,0 @@
-import type { Intergalactic } from '@semcore/core';
-import React from 'react';
-import type { NSTabLine } from './TabLine.type';
-declare const TabLine: NSTabLine.Component;
-export declare const wrapTabLine: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<NSTabLine.WrapperComponent>> & PropsExtending) => React.ReactNode) => NSTabLine.WrapperComponent<PropsExtending>;
-export default TabLine;

package/lib/types/TabLine.type.d.ts

@@ -1,80 +0,0 @@
-import type { Box, BoxProps, NeighborItemProps, NeighborLocationProps } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-import type { NSText } from '@semcore/typography';
-import type React from 'react';
-declare namespace NSTabLine {
-    type Value = string | number | boolean;
-    type Props<T extends NSTabLine.Value = NSTabLine.Value> = BoxProps & NeighborLocationProps & {
-        /** TabLine size
-         * @default m
-         * */
-        size?: 'm' | 'l' | false;
-        /** Adds a bottom border for the entire component
-         * @default true
-         * */
-        underlined?: boolean;
-        /** Is invoked when changing the selection */
-        onChange?: ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void) | React.Dispatch<React.SetStateAction<T>>;
-        /** Value of the selected tab */
-        value?: T;
-        /** Default value of the selected tab
-         * @default null
-         * */
-        defaultValue?: T;
-        /**
-         * Behavior of tabs.
-         * In `auto`, changes the tab immediately when press arrow.
-         * In `manual`, needs to press `space` or `enter` for select a choice.
-         * @default 'auto'
-         */
-        behavior?: 'auto' | 'manual';
-    };
-    type Ctx = {
-        getItemProps: PropGetterFn;
-    };
-    type Handlers = {
-        value: null;
-    };
-    namespace Item {
-        type Props = BoxProps & NeighborItemProps & {
-            /** Makes a tab selected. This property is determined automatically depending on the value. */
-            selected?: boolean;
-            /** Disabled state  */
-            disabled?: boolean;
-            /** Tab value */
-            value?: NSTabLine.Value;
-            /** Left addon tag */
-            addonLeft?: React.ElementType;
-            /** Right addon tag  */
-            addonRight?: React.ElementType;
-        };
-        namespace Text {
-            type Props = NSText.Props;
-            type Component = NSText.Component;
-        }
-        namespace Addon {
-            type Component = typeof Box;
-        }
-        type Component = Intergalactic.Component<'div', Props, {}, [handlers: NSTabLine.Handlers]> & {
-            Text: Text.Component;
-            Addon: Addon.Component;
-        };
-    }
-    type WrapperComponent<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', Props<V>, Ctx, [
-        handlers: Handlers
-    ]> & PropsExtending) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;
-    type Component = WrapperComponent & {
-        Item: Item.Component;
-    };
-}
-/** @deprecated It will be removed in v18. */
-export type TabLineValue = NSTabLine.Value;
-/** @deprecated It will be removed in v18. */
-export type TabLineProps<T extends TabLineValue = TabLineValue> = NSTabLine.Props<T>;
-/** @deprecated It will be removed in v18. */
-export type TabLineItemProps = NSTabLine.Item.Props;
-/** @deprecated It will be removed in v18. */
-export type TabLineContext = NSTabLine.Ctx;
-/** @deprecated It will be removed in v18. */
-export type TabLineHandlers = NSTabLine.Handlers;
-export type { NSTabLine };