@dreamcommerce/aurora 2.26.0-1 → 2.26.0-20

package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts

@@ -1,9 +1,11 @@
 declare const _default: {
     accordion: string;
-    accordionHeader: string;
+    accordionToggler: string;
+    accordionTogglerIconLeft: string;
     accordionTitle: string;
     accordionContent: string;
     accordionIconRotate180: string;
     accordionSecondary: string;
+    accordionTertiary: string;
 };
 export default _default;

package/build/esm/packages/aurora/src/components/accordion/css_classes.js

@@ -1,11 +1,13 @@
 var accordionBaseCssClass = 'accordion';
 var CSS_CLASSES = {
   accordion: accordionBaseCssClass,
-  accordionHeader: "".concat(accordionBaseCssClass, "__header"),
+  accordionToggler: "".concat(accordionBaseCssClass, "__toggler"),
+  accordionTogglerIconLeft: "".concat(accordionBaseCssClass, "__toggler-icon_left"),
   accordionTitle: "".concat(accordionBaseCssClass, "__title"),
   accordionContent: "".concat(accordionBaseCssClass, "__content"),
   accordionIconRotate180: "".concat(accordionBaseCssClass, "__icon_rotate-180"),
-  accordionSecondary: "".concat(accordionBaseCssClass, "_secondary")
+  accordionSecondary: "".concat(accordionBaseCssClass, "_secondary"),
+  accordionTertiary: "".concat(accordionBaseCssClass, "_tertiary")
 };
 
 export default CSS_CLASSES;

package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordion/index.js

@@ -1,8 +1,12 @@
 import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import Stack from '../stack/index.js';
 import CSS_CLASSES from './css_classes.js';
+import { ACCORDION_VARIANTS, ACCORDION_TOGGLER_ICON_POSITION } from './constants.js';
 import IconArrowDown from '../../assets/icon_arrow_down.js';
 import cssClasses from '../../css/accordion/main.module.less.js';
+import { useAccordionsGroupApi } from '../accordions_group/hooks/use_accordions_group_api.js';
 
 var Accordion = function Accordion(_ref) {
   var id = _ref.id,
@@ -11,24 +15,50 @@ var Accordion = function Accordion(_ref) {
       isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
       _ref$isStatic = _ref.isStatic,
       isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
-      secondary = _ref.secondary,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? ACCORDION_VARIANTS.primary : _ref$variant,
       negativeIndentValue = _ref.negativeIndentValue,
-      children = _ref.children;
+      children = _ref.children,
+      _ref$unmountOnExit = _ref.unmountOnExit,
+      unmountOnExit = _ref$unmountOnExit === void 0 ? true : _ref$unmountOnExit,
+      _ref$toggleIcon = _ref.toggleIcon,
+      toggleIcon = _ref$toggleIcon === void 0 ? /*#__PURE__*/React.createElement(IconArrowDown, {
+    size: "m"
+  }) : _ref$toggleIcon,
+      _ref$toggleIconPositi = _ref.toggleIconPosition,
+      toggleIconPosition = _ref$toggleIconPositi === void 0 ? ACCORDION_TOGGLER_ICON_POSITION.right : _ref$toggleIconPositi;
+  var accordionsGroupApi = useAccordionsGroupApi();
 
-  var _useState = useState(isOpened),
+  var _useState = useState(isStatic ? true : isOpened),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
+  var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
+  useEffect(function () {
+    accordionsGroupApi === null || accordionsGroupApi === void 0 || accordionsGroupApi.add(id, {
+      expanded: isOpen
+    });
+  }, [id]);
+  useEffect(function () {
+    if (accordion) setIsOpen(accordion.expanded);
+  }, [accordion]);
+
   var handleOnClick = function handleOnClick() {
-    setIsOpen(!isOpen);
+    setIsOpenState(!isOpen);
   };
 
-  useEffect(function () {
-    if (isStatic) {
-      setIsOpen(true);
+  var setIsOpenState = function setIsOpenState(newIsOpen) {
+    var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
+
+    if (!accordion) {
+      setIsOpen(isStatic ? true : newIsOpen);
+      return;
     }
-  }, [isStatic]);
+
+    newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapse(id);
+  };
+
   var wrapperIndentStyles = {
     marginLeft: "-".concat(negativeIndentValue, "px"),
     marginRight: "-".concat(negativeIndentValue, "px")
@@ -38,24 +68,30 @@ var Accordion = function Accordion(_ref) {
     paddingRight: "".concat(negativeIndentValue, "px")
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(cssClasses[CSS_CLASSES.accordion], " ").concat(secondary ? cssClasses[CSS_CLASSES.accordionSecondary] : ''),
+    className: classnames(cssClasses[CSS_CLASSES.accordion], _defineProperty(_defineProperty({}, cssClasses[CSS_CLASSES.accordionSecondary], variant === ACCORDION_VARIANTS.secondary), cssClasses[CSS_CLASSES.accordionTertiary], variant === ACCORDION_VARIANTS.tertiary)),
     style: negativeIndentValue ? wrapperIndentStyles : undefined
   }, /*#__PURE__*/React.createElement("div", {
-    className: cssClasses[CSS_CLASSES.accordionHeader],
+    className: classnames(cssClasses[CSS_CLASSES.accordionToggler], _defineProperty({}, cssClasses[CSS_CLASSES.accordionTogglerIconLeft], toggleIconPosition === ACCORDION_TOGGLER_ICON_POSITION.left)),
     onClick: !isStatic ? handleOnClick : undefined,
     "aria-expanded": isOpen,
     "aria-controls": id,
     style: negativeIndentValue ? contentIndentStyles : undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: cssClasses[CSS_CLASSES.accordionTitle]
-  }, title), !isStatic && /*#__PURE__*/React.createElement(IconArrowDown, {
-    size: "m",
+  }, title), !isStatic && /*#__PURE__*/React.createElement(Stack, {
+    justify: "center",
+    align: "center",
     className: "".concat(isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : '')
-  })), isOpen && /*#__PURE__*/React.createElement("div", {
+  }, toggleIcon)), unmountOnExit && isOpen ? /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: cssClasses[CSS_CLASSES.accordionContent],
+    style: negativeIndentValue ? contentIndentStyles : undefined
+  }, children) : null, !unmountOnExit ? /*#__PURE__*/React.createElement("div", {
     id: id,
+    hidden: !isOpen,
     className: cssClasses[CSS_CLASSES.accordionContent],
     style: negativeIndentValue ? contentIndentStyles : undefined
-  }, children));
+  }, children) : null);
 };
 
 export default Accordion;

package/build/esm/packages/aurora/src/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordion/types.d.ts

@@ -1,10 +1,17 @@
 import { ReactNode } from 'react';
+import { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS } from "./constants";
+import { Any } from 'ts-toolbelt';
 export declare type IAccordionProps = {
     id: string;
     title: string | ReactNode;
     isOpened?: boolean;
     isStatic?: boolean;
-    secondary?: boolean;
+    variant?: TAccordionVariant;
     negativeIndentValue?: number;
     children: ReactNode;
+    toggleIcon?: ReactNode;
+    unmountOnExit?: boolean;
+    toggleIconPosition?: TToggleIconPosition;
 };
+export declare type TToggleIconPosition = Any.Keys<typeof ACCORDION_TOGGLER_ICON_POSITION>;
+export declare type TAccordionVariant = Any.Keys<typeof ACCORDION_VARIANTS>;

package/build/esm/packages/aurora/src/components/accordion/types.js

@@ -1,2 +1,4 @@
 import 'react';
+import '@auroraComponents/accordion/constants';
+import 'ts-toolbelt';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/accordion/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC;AAClC,OAAoE,uCAAuC,CAAC;AAC5G,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.d.ts

@@ -0,0 +1,2 @@
+import { IAccordionsGroupTogglerProps } from "../types";
+export declare const AccordionsGroupToggler: ({ expandedContent, collapsedContent, onClick, ...rest }: IAccordionsGroupTogglerProps) => JSX.Element;

package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js

@@ -0,0 +1,38 @@
+import React, { useState, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useAccordionsGroupApi } from '../hooks/use_accordions_group_api.js';
+import Button from '../../button/index.js';
+
+var _excluded = ["expandedContent", "collapsedContent", "onClick"];
+var AccordionsGroupToggler = function AccordionsGroupToggler(_ref) {
+  var expandedContent = _ref.expandedContent,
+      collapsedContent = _ref.collapsedContent,
+      onClick = _ref.onClick,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var accordionsGroupApi = useAccordionsGroupApi();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      togglerContent = _useState2[0],
+      setTogglerContent = _useState2[1];
+
+  var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
+  var areAllCollapsed = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllCollapsed;
+  useEffect(function () {
+    if (areAllExpanded) setTogglerContent(expandedContent);
+    if (areAllCollapsed) setTogglerContent(collapsedContent);
+  }, [areAllExpanded, areAllCollapsed]);
+
+  var toggleGroups = function toggleGroups(ev) {
+    accordionsGroupApi !== null && accordionsGroupApi !== void 0 && accordionsGroupApi.areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
+    onClick === null || onClick === void 0 || onClick(ev);
+  };
+
+  return /*#__PURE__*/React.createElement(Button, _objectSpread2({
+    onClick: toggleGroups
+  }, rest), togglerContent);
+};
+
+export { AccordionsGroupToggler };
+//# sourceMappingURL=accordions_group_toggler.js.map

package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordions_group/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IAccordionsGroupContext } from "./types";
+export declare const AccordionsGroupContext: import("react").Context<IAccordionsGroupContext>;

package/build/esm/packages/aurora/src/components/accordions_group/context.js

@@ -0,0 +1,20 @@
+import { createContext } from 'react';
+
+var AccordionsGroupContext = /*#__PURE__*/createContext({
+  expandAll: function expandAll() {},
+  collapseAll: function collapseAll() {},
+  expand: function expand() {},
+  collapse: function collapse() {},
+  add: function add() {},
+  remove: function remove() {},
+  get: function get() {
+    return undefined;
+  },
+  toggle: function toggle() {},
+  areAllExpanded: false,
+  areAllCollapsed: false,
+  accordions: []
+});
+
+export { AccordionsGroupContext };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/accordions_group/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts

@@ -0,0 +1,14 @@
+import { TAccordion } from "../types";
+export declare const useAccordionsGroup: () => {
+    expandAll: () => void;
+    collapseAll: () => void;
+    expand: (id: string) => void;
+    collapse: (id: string) => void;
+    add: (id: string, config?: Pick<TAccordion, 'expanded'>) => void;
+    remove: (id: string) => void;
+    get: (id: string) => TAccordion | undefined;
+    toggle: (id: string) => void;
+    accordions: TAccordion[];
+    areAllExpanded: boolean;
+    areAllCollapsed: boolean;
+};

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js

@@ -0,0 +1,118 @@
+import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var useAccordionsGroup = function useAccordionsGroup() {
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      accordions = _useState2[0],
+      setAccordions = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      areAllExpanded = _useState4[0],
+      setAreAllExpanded = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      areAllCollapsed = _useState6[0],
+      setAreAllCollapsed = _useState6[1];
+
+  useEffect(function () {
+    setAreAllExpanded(accordions.every(function (accordion) {
+      return accordion.expanded;
+    }));
+    setAreAllCollapsed(accordions.every(function (accordion) {
+      return !accordion.expanded;
+    }));
+  }, [accordions]);
+
+  var expandAll = function expandAll() {
+    setAccordions(function (accordions) {
+      return accordions.map(function (accordion) {
+        return _objectSpread2(_objectSpread2({}, accordion), {}, {
+          expanded: true
+        });
+      });
+    });
+  };
+
+  var collapseAll = function collapseAll() {
+    setAccordions(function (accordions) {
+      return accordions.map(function (accordion) {
+        return _objectSpread2(_objectSpread2({}, accordion), {}, {
+          expanded: false
+        });
+      });
+    });
+  };
+
+  var expand = function expand(id) {
+    setAccordions(function (accordions) {
+      return accordions.map(function (accordion) {
+        return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
+          expanded: true
+        }) : accordion;
+      });
+    });
+  };
+
+  var collapse = function collapse(id) {
+    setAccordions(function (accordions) {
+      return accordions.map(function (accordion) {
+        return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
+          expanded: false
+        }) : accordion;
+      });
+    });
+  };
+
+  var add = function add(id) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      expanded: false
+    };
+    setAccordions(function (accordions) {
+      return [].concat(_toConsumableArray(accordions), [_objectSpread2({
+        id: id
+      }, config)]);
+    });
+  };
+
+  var remove = function remove(id) {
+    setAccordions(accordions.filter(function (accordion) {
+      return accordion.id !== id;
+    }));
+  };
+
+  var get = function get(id) {
+    return accordions.find(function (accordion) {
+      return accordion.id === id;
+    });
+  };
+
+  var toggle = function toggle(id) {
+    var accordion = get(id);
+
+    if (!accordion) {
+      return;
+    }
+
+    accordion.expanded ? collapse(id) : expand(id);
+  };
+
+  return {
+    expandAll: expandAll,
+    collapseAll: collapseAll,
+    expand: expand,
+    collapse: collapse,
+    add: add,
+    remove: remove,
+    get: get,
+    toggle: toggle,
+    accordions: accordions,
+    areAllExpanded: areAllExpanded,
+    areAllCollapsed: areAllCollapsed
+  };
+};
+
+export { useAccordionsGroup };
+//# sourceMappingURL=use_accordions_group.js.map

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.d.ts

@@ -0,0 +1,2 @@
+import { IAccordionsGroupApi } from "../types";
+export declare const useAccordionsGroupApi: () => IAccordionsGroupApi | undefined;

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { AccordionsGroupContext } from '../context.js';
+
+var useAccordionsGroupApi = function useAccordionsGroupApi() {
+  return useContext(AccordionsGroupContext);
+};
+
+export { useAccordionsGroupApi };
+//# sourceMappingURL=use_accordions_group_api.js.map

package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordions_group/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const AccordionsGroup: ({ children }: PropsWithChildren<any>) => JSX.Element;

package/build/esm/packages/aurora/src/components/accordions_group/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AccordionsGroupContext } from './context.js';
+import { useAccordionsGroup } from './hooks/use_accordions_group.js';
+
+var AccordionsGroup = function AccordionsGroup(_ref) {
+  var children = _ref.children;
+  var accordionsGroupApi = useAccordionsGroup();
+  return /*#__PURE__*/React.createElement(AccordionsGroupContext.Provider, {
+    value: accordionsGroupApi
+  }, children);
+};
+
+export { AccordionsGroup };
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/accordions_group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts

@@ -0,0 +1,25 @@
+import { IButtonProps } from "../button/types";
+import { ReactNode } from 'react';
+export interface IAccordionsGroupContext {
+    expandAll(): void;
+    collapseAll(): void;
+    expand(id: string): void;
+    collapse(id: string): void;
+    add(id: string, config?: Pick<TAccordion, 'expanded'>): void;
+    remove(id: string): void;
+    get(id: string): TAccordion | undefined;
+    toggle(id: string): void;
+    accordions: TAccordion[];
+    areAllExpanded: boolean;
+    areAllCollapsed: boolean;
+}
+export interface IAccordionsGroupApi extends IAccordionsGroupContext {
+}
+export declare type TAccordion = {
+    id: string;
+    expanded: boolean;
+};
+export interface IAccordionsGroupTogglerProps extends Omit<IButtonProps, 'children'> {
+    expandedContent: ReactNode;
+    collapsedContent: ReactNode;
+}

package/build/esm/packages/aurora/src/components/accordions_group/types.js

@@ -0,0 +1,3 @@
+import '@auroraComponents/button/types';
+import 'react';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/accordions_group/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/types.ts"],"names":[],"mappings":"AAAA,OAA6B,gCAAgC,CAAC;AAC9D,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts

@@ -1,4 +1,4 @@
 import { IAsButtonProps } from './types';
 export declare const button: {
-    render({ type, onClick, testId, children }: IAsButtonProps, classNames: string): JSX.Element;
+    render({ type, onClick, testId, children, disabled }: IAsButtonProps, classNames: string): JSX.Element;
 };

package/build/esm/packages/aurora/src/components/button/components/button/index.js

@@ -6,8 +6,10 @@ var button = {
         type = _ref$type === void 0 ? 'button' : _ref$type,
         onClick = _ref.onClick,
         testId = _ref.testId,
-        children = _ref.children;
+        children = _ref.children,
+        disabled = _ref.disabled;
     return /*#__PURE__*/React.createElement("button", {
+      disabled: disabled,
       type: type,
       onClick: onClick,
       className: classNames,

package/build/esm/packages/aurora/src/components/button/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/components/index.d.ts

@@ -1,6 +1,6 @@
 export declare const buttonTypes: {
     button: {
-        render({ type, onClick, testId, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
+        render({ type, onClick, testId, children, disabled }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
     };
     link: {
         render({ href, target, onClick, testId, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker/components/buttons.js

@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import Button from '../../button/index.js';
 import ButtonsGroup from '../../buttons_group/index.js';
 import { cssColorPickerButtonsGroup } from '../css_classes.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
-import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import styles from '../../../css/color_picker/main.module.less.js';
 
 var ColorPickerButtons = function ColorPickerButtons(_ref) {

package/build/esm/packages/aurora/src/components/color_picker/use_color_picker.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { SATURATION_OFFSET } from './constants.js';
 import { useScreenDetect } from '../../hooks/use_screen_detect.js';
+import { SATURATION_OFFSET } from './constants.js';
 
 var useColorPicker = function useColorPicker(_ref) {
   var initialColorHex = _ref.initialColorHex,

package/build/esm/packages/aurora/src/components/controls/components/checkbox.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes.js';
+import classnames from 'classnames';
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 

package/build/esm/packages/aurora/src/components/controls/components/checkbox_switch.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkboxSwitchLabel, checkboxSwitchIcon } from '../css_classes.js';
+import classnames from 'classnames';
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 

package/build/esm/packages/aurora/src/components/controls/components/element.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { VERTICAL_POSITION } from '../../../constants/positions.js';
-import classnames from 'classnames';
 import { cssControlsElement, cssControlsElementVerticalAlignTop, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio } from '../css_classes.js';
+import classnames from 'classnames';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
 var Element = function Element(_ref) {

package/build/esm/packages/aurora/src/components/controls/components/input.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { cssControl, cssControlPreElement, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
+import classnames from 'classnames';
+import cssStyles from '../../../css/controls/main.module.less.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
-import cssStyles from '../../../css/controls/main.module.less.js';
 
 var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children", "preElement"];
 

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { cssControl, cssControlWrapper, cssControlError, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlInput } from '../css_classes.js';
+import classnames from 'classnames';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
 

package/build/esm/packages/aurora/src/components/controls/components/radio.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
+import classnames from 'classnames';
 import cssStyles from '../../../css/radio/main.module.less.js';
 import { classNames } from '../../../utilities/styles/classNames.js';
 

package/build/esm/packages/aurora/src/components/controls/components/textarea.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import classnames from 'classnames';
 import { cssControl, cssControlReadonly, cssControlS, cssControlDisabled } from '../css_classes.js';
+import classnames from 'classnames';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 
 var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress"];

package/build/esm/packages/aurora/src/components/controls/components/values_syncer.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
-export declare type TChildrenRenderProps = {
+export declare type TValuesSyncerProps = {
     firstControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
     secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
     initialFirstValue?: unknown;
     initialSecondValue?: unknown;
     cssClasses?: string;
-    onChange?: (isLocked: boolean) => void;
+    onLock?: (isLocked: boolean) => void;
+    isLocked?: boolean;
+    onChange?: (props: {
+        first: unknown;
+        second: unknown;
+        isLocked: boolean;
+    }) => void;
 };
-declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, cssClasses, onChange }: TChildrenRenderProps) => JSX.Element;
+declare const ValuesSyncer: ({ firstControl, secondControl, initialFirstValue, initialSecondValue, onLock, isLocked, onChange }: TValuesSyncerProps) => JSX.Element;
 export default ValuesSyncer;