@dreamcommerce/aurora 2.1.31 → 2.1.32-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/index.js +6 -4
  2. package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/search_list/context.js +4 -1
  4. package/build/cjs/packages/aurora/src/components/search_list/context.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/accordion/index.js +6 -4
  6. package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/accordion/types.d.ts +1 -0
  8. package/build/esm/packages/aurora/src/components/search_list/context.js +5 -2
  9. package/build/esm/packages/aurora/src/components/search_list/context.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/accordion/index.js CHANGED
@@ -11,16 +11,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const Accordion = ({ id, title, isOpened = false, secondary, children }) => {
14
+ const Accordion = ({ id, title, isOpened = false, secondary, negativeIndentValue, children }) => {
15
15
  const [isOpen, setIsOpen] = React.useState(isOpened);
16
16
  const handleOnClick = () => {
17
17
  setIsOpen(!isOpen);
18
18
  };
19
- return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].accordion]} ${secondary ? main_module['default'][css_classes['default'].accordionSecondary] : ''}` },
20
- React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
19
+ const wrapperIndentStyles = { marginLeft: `-${negativeIndentValue}px`, marginRight: `-${negativeIndentValue}px` };
20
+ const contentIndentStyles = { paddingLeft: `${negativeIndentValue}px`, paddingRight: `${negativeIndentValue}px` };
21
+ return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].accordion]} ${secondary ? main_module['default'][css_classes['default'].accordionSecondary] : ''}`, style: negativeIndentValue ? wrapperIndentStyles : undefined },
22
+ React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id, style: negativeIndentValue ? contentIndentStyles : undefined },
21
23
  React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionTitle] }, title),
22
24
  React__default['default'].createElement(icon_arrow_down['default'], { size: "m", className: `${isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : ''}` })),
23
- isOpen && (React__default['default'].createElement("div", { id: id, className: main_module['default'][css_classes['default'].accordionContent] }, children))));
25
+ isOpen && (React__default['default'].createElement("div", { id: id, className: main_module['default'][css_classes['default'].accordionContent], style: negativeIndentValue ? contentIndentStyles : undefined }, children))));
24
26
  };
25
27
 
26
28
  exports.default = Accordion;
package/build/cjs/packages/aurora/src/components/accordion/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/cjs/packages/aurora/src/components/search_list/context.js CHANGED
@@ -47,8 +47,11 @@ const SearchListContextProvider = ({ children, data }) => {
47
47
  });
48
48
  const value = React.useMemo(() => [state, dispatch], [state]);
49
49
  React.useEffect(() => {
50
+ if (state.searchValue) {
51
+ dispatch({ type: constants.FILTER_ITEMS, payload: { filterKey: constants.FILTER_KEY, searchValue: state.searchValue } });
52
+ }
50
53
  dispatch({ type: constants.SET_ITEMS, payload: { items: data, initialData: [...data] } });
51
- }, [data]);
54
+ }, [data, state.searchValue]);
52
55
  return React__default['default'].createElement(SearchListContext.Provider, { value: value }, children);
53
56
  };
54
57
  const useSearchList = () => {
package/build/cjs/packages/aurora/src/components/search_list/context.js.map CHANGED
@@ -1 +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;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/accordion/index.js CHANGED
@@ -3,16 +3,18 @@ import CSS_CLASSES from './css_classes.js';
3
3
  import IconArrowDown from '../../assets/icon_arrow_down.js';
4
4
  import cssClasses from '../../css/accordion/main.module.less.js';
5
5
 
6
- const Accordion = ({ id, title, isOpened = false, secondary, children }) => {
6
+ const Accordion = ({ id, title, isOpened = false, secondary, negativeIndentValue, children }) => {
7
7
  const [isOpen, setIsOpen] = useState(isOpened);
8
8
  const handleOnClick = () => {
9
9
  setIsOpen(!isOpen);
10
10
  };
11
- return (React.createElement("div", { className: `${cssClasses[CSS_CLASSES.accordion]} ${secondary ? cssClasses[CSS_CLASSES.accordionSecondary] : ''}` },
12
- React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
11
+ const wrapperIndentStyles = { marginLeft: `-${negativeIndentValue}px`, marginRight: `-${negativeIndentValue}px` };
12
+ const contentIndentStyles = { paddingLeft: `${negativeIndentValue}px`, paddingRight: `${negativeIndentValue}px` };
13
+ return (React.createElement("div", { className: `${cssClasses[CSS_CLASSES.accordion]} ${secondary ? cssClasses[CSS_CLASSES.accordionSecondary] : ''}`, style: negativeIndentValue ? wrapperIndentStyles : undefined },
14
+ React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id, style: negativeIndentValue ? contentIndentStyles : undefined },
13
15
  React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionTitle] }, title),
14
16
  React.createElement(IconArrowDown, { size: "m", className: `${isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : ''}` })),
15
- isOpen && (React.createElement("div", { id: id, className: cssClasses[CSS_CLASSES.accordionContent] }, children))));
17
+ isOpen && (React.createElement("div", { id: id, className: cssClasses[CSS_CLASSES.accordionContent], style: negativeIndentValue ? contentIndentStyles : undefined }, children))));
16
18
  };
17
19
 
18
20
  export default Accordion;
package/build/esm/packages/aurora/src/components/accordion/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/accordion/types.d.ts CHANGED
@@ -4,5 +4,6 @@ export declare type IAccordionProps = {
4
4
  title: string | ReactNode;
5
5
  isOpened?: boolean;
6
6
  secondary?: boolean;
7
+ negativeIndentValue?: number;
7
8
  children: ReactNode;
8
9
  };
package/build/esm/packages/aurora/src/components/search_list/context.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { createContext, useContext, useReducer, useMemo, useEffect } from 'react';
2
- import { SET_ITEMS, SET_SEARCH_VALUE, FILTER_ITEMS } from './constants.js';
2
+ import { FILTER_ITEMS, FILTER_KEY, SET_ITEMS, SET_SEARCH_VALUE } from './constants.js';
3
3
 
4
4
  const SearchListContext = createContext(null);
5
5
  const reducer = (state, action) => {
@@ -39,8 +39,11 @@ const SearchListContextProvider = ({ children, data }) => {
39
39
  });
40
40
  const value = useMemo(() => [state, dispatch], [state]);
41
41
  useEffect(() => {
42
+ if (state.searchValue) {
43
+ dispatch({ type: FILTER_ITEMS, payload: { filterKey: FILTER_KEY, searchValue: state.searchValue } });
44
+ }
42
45
  dispatch({ type: SET_ITEMS, payload: { items: data, initialData: [...data] } });
43
- }, [data]);
46
+ }, [data, state.searchValue]);
44
47
  return React.createElement(SearchListContext.Provider, { value: value }, children);
45
48
  };
46
49
  const useSearchList = () => {
package/build/esm/packages/aurora/src/components/search_list/context.js.map CHANGED
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.1.31",
5
+ "version": "2.1.32-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",