@dreamcommerce/aurora 2.1.29-1 → 2.1.29-3

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 (15) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/css_classes.js +2 -1
  2. package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/accordion/index.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js +4 -3
  5. package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +2 -2
  7. package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +1 -0
  8. package/build/esm/packages/aurora/src/components/accordion/css_classes.js +2 -1
  9. package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/accordion/index.js +2 -2
  11. package/build/esm/packages/aurora/src/components/accordion/types.d.ts +2 -1
  12. package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js +4 -3
  13. package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js.map +1 -1
  14. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +2 -2
  15. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/accordion/css_classes.js CHANGED
@@ -8,7 +8,8 @@ var CSS_CLASSES = {
8
8
  accordionHeader: `${accordionBaseCssClass}__header`,
9
9
  accordionTitle: `${accordionBaseCssClass}__title`,
10
10
  accordionContent: `${accordionBaseCssClass}__content`,
11
- accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
11
+ accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`,
12
+ accordionSecondary: `${accordionBaseCssClass}_secondary`
12
13
  };
13
14
 
14
15
  exports.default = CSS_CLASSES;
package/build/cjs/packages/aurora/src/components/accordion/css_classes.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/accordion/index.js CHANGED
@@ -11,12 +11,12 @@ 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, children }) => {
14
+ const Accordion = ({ id, title, isOpened = false, noBorder, 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] },
19
+ return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].accordion]} ${noBorder ? main_module['default'][css_classes['default'].accordionSecondary] : ''}` },
20
20
  React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
21
21
  React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionTitle] },
22
22
  React__default['default'].createElement("p", null, title)),
package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js CHANGED
@@ -13,9 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  const SearchListResults = ({ SearchListItem, gapValue = 5 }) => {
15
15
  const [{ items }] = context.useSearchList();
16
- return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListResults], style: { gap: `${gapValue}px` } }, items.map((item, index) => {
17
- return React__default['default'].createElement(SearchListItem, { key: `search-item-${index}`, item: item });
18
- })));
16
+ return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListResults], style: { gap: `${gapValue}px` } }, items.length &&
17
+ items.map((item, index) => {
18
+ return React__default['default'].createElement(SearchListItem, { key: `search-item-${index}`, item: item });
19
+ })));
19
20
  };
20
21
 
21
22
  exports.SearchListResults = SearchListResults;
package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.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;"}
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;"}
package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__header__28z7_ {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n";
8
- var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__header__28z7_ {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: none;\n}\n.main-module_accordion_secondary__-v9gP .main-module_accordion__header__28z7_ {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
8
+ var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh","accordion_secondary":"main-module_accordion_secondary__-v9gP"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts CHANGED
@@ -4,5 +4,6 @@ declare const _default: {
4
4
  accordionTitle: string;
5
5
  accordionContent: string;
6
6
  accordionIconRotate180: string;
7
+ accordionSecondary: string;
7
8
  };
8
9
  export default _default;
package/build/esm/packages/aurora/src/components/accordion/css_classes.js CHANGED
@@ -4,7 +4,8 @@ var CSS_CLASSES = {
4
4
  accordionHeader: `${accordionBaseCssClass}__header`,
5
5
  accordionTitle: `${accordionBaseCssClass}__title`,
6
6
  accordionContent: `${accordionBaseCssClass}__content`,
7
- accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
7
+ accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`,
8
+ accordionSecondary: `${accordionBaseCssClass}_secondary`
8
9
  };
9
10
 
10
11
  export default CSS_CLASSES;
package/build/esm/packages/aurora/src/components/accordion/css_classes.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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/accordion/index.js CHANGED
@@ -3,12 +3,12 @@ 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, children }) => {
6
+ const Accordion = ({ id, title, isOpened = false, noBorder, 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] },
11
+ return (React.createElement("div", { className: `${cssClasses[CSS_CLASSES.accordion]} ${noBorder ? cssClasses[CSS_CLASSES.accordionSecondary] : ''}` },
12
12
  React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
13
13
  React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionTitle] },
14
14
  React.createElement("p", null, title)),
package/build/esm/packages/aurora/src/components/accordion/types.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
  export declare type IAccordionProps = {
3
3
  id: string;
4
- title: string;
4
+ title: string | ReactNode;
5
5
  isOpened?: boolean;
6
+ noBorder?: boolean;
6
7
  children: ReactNode;
7
8
  };
package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.js CHANGED
@@ -5,9 +5,10 @@ import cssClasses from '../../../css/search_list/main.module.less.js';
5
5
 
6
6
  const SearchListResults = ({ SearchListItem, gapValue = 5 }) => {
7
7
  const [{ items }] = useSearchList();
8
- return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListResults], style: { gap: `${gapValue}px` } }, items.map((item, index) => {
9
- return React.createElement(SearchListItem, { key: `search-item-${index}`, item: item });
10
- })));
8
+ return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListResults], style: { gap: `${gapValue}px` } }, items.length &&
9
+ items.map((item, index) => {
10
+ return React.createElement(SearchListItem, { key: `search-item-${index}`, item: item });
11
+ })));
11
12
  };
12
13
 
13
14
  export default SearchListResults;
package/build/esm/packages/aurora/src/components/search_list/components/search_list_results.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;"}
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;"}
package/build/esm/packages/aurora/src/css/accordion/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__header__28z7_ {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n";
4
- var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__header__28z7_ {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: none;\n}\n.main-module_accordion_secondary__-v9gP .main-module_accordion__header__28z7_ {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
4
+ var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__title":"main-module_accordion__title__cZTxX","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh","accordion_secondary":"main-module_accordion_secondary__-v9gP"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
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.29-1",
5
+ "version": "2.1.29-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",