@semcore/accordion 3.5.4 → 3.5.5

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.5.5] - 2022-04-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
+
 ## [3.5.4] - 2022-04-03
 
 ### Changed

package/lib/cjs/index.d.ts

@@ -0,0 +1,61 @@
+import { Box, IFlexProps } from '@semcore/flex-box';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { ICollapseProps } from '@semcore/animation';
+
+export type AccordionValue = null | number | string | Array<number | string | null>;
+
+export interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {
+  /** Value for the active tab. Can be set as stroke, number, null or as array.
+   * @type AccordionValue
+   * */
+  value?: T;
+  /**
+   * Value of the active tabs selected by default
+   * @type AccordionValue
+   * @default []
+   */
+  defaultValue?: T;
+  /** Called when the selection is changed
+   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
+   * */
+  onChange?: (value: T, event?: React.SyntheticEvent) => void;
+  /** Animation duration
+   * @default 350 */
+  duration?: number;
+}
+
+export interface IAccordionContext {
+  getItemProps: PropGetterFn;
+}
+
+export interface IAccordionHandlers {
+  value: (value: AccordionValue) => void;
+}
+
+export interface IAccordionItemProps {
+  /** Tab value */
+  value: string | number;
+  /** Disabling selection changes */
+  disabled?: boolean;
+}
+
+export interface IAccordionItemContext {
+  getToggleProps?: PropGetterFn;
+  getCollapseProps?: PropGetterFn;
+  getChevronProps?: PropGetterFn;
+  selected?: boolean;
+}
+
+declare const Accordion: (<T, V extends AccordionValue = AccordionValue>(
+  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,
+) => ReturnEl) & {
+  Item: (<T>(
+    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,
+  ) => ReturnEl) & {
+    Toggle: typeof Box;
+    Chevron: typeof Box;
+    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;
+  };
+};
+
+export default Accordion;

package/lib/es6/index.d.ts

@@ -0,0 +1,61 @@
+import { Box, IFlexProps } from '@semcore/flex-box';
+import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
+import { ICollapseProps } from '@semcore/animation';
+
+export type AccordionValue = null | number | string | Array<number | string | null>;
+
+export interface IAccordionProps<T extends AccordionValue = AccordionValue> extends IFlexProps {
+  /** Value for the active tab. Can be set as stroke, number, null or as array.
+   * @type AccordionValue
+   * */
+  value?: T;
+  /**
+   * Value of the active tabs selected by default
+   * @type AccordionValue
+   * @default []
+   */
+  defaultValue?: T;
+  /** Called when the selection is changed
+   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void
+   * */
+  onChange?: (value: T, event?: React.SyntheticEvent) => void;
+  /** Animation duration
+   * @default 350 */
+  duration?: number;
+}
+
+export interface IAccordionContext {
+  getItemProps: PropGetterFn;
+}
+
+export interface IAccordionHandlers {
+  value: (value: AccordionValue) => void;
+}
+
+export interface IAccordionItemProps {
+  /** Tab value */
+  value: string | number;
+  /** Disabling selection changes */
+  disabled?: boolean;
+}
+
+export interface IAccordionItemContext {
+  getToggleProps?: PropGetterFn;
+  getCollapseProps?: PropGetterFn;
+  getChevronProps?: PropGetterFn;
+  selected?: boolean;
+}
+
+declare const Accordion: (<T, V extends AccordionValue = AccordionValue>(
+  props: CProps<IAccordionProps<V> & T, IAccordionContext, IAccordionHandlers>,
+) => ReturnEl) & {
+  Item: (<T>(
+    props: CProps<IAccordionItemProps & T, IAccordionItemContext, IAccordionHandlers>,
+  ) => ReturnEl) & {
+    Toggle: typeof Box;
+    Chevron: typeof Box;
+    Collapse: <T>(props: ICollapseProps & T) => ReturnEl;
+  };
+};
+
+export default Accordion;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "SEMRush Accordion Component",
-  "version": "3.5.4",
+  "version": "3.5.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -29,5 +29,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/accordion"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }