@dreamcommerce/aurora 2.2.1 → 2.2.2

package/build/cjs/packages/aurora/src/components/slide/css_classes.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const slideBaseCssClass = 'slide';
+var CSS_CLASSES = {
+    slide: slideBaseCssClass,
+    slideIsOpen: `${slideBaseCssClass}_is-open`,
+    slideDirectionTop: `${slideBaseCssClass}_direction-top`,
+    slideDirectionRight: `${slideBaseCssClass}_direction-right`,
+    slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
+    slideDirectionLeft: `${slideBaseCssClass}_direction-left`
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/slide/css_classes.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;"}

package/build/cjs/packages/aurora/src/components/slide/index.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('./css_classes.js');
+var main_module = require('../../css/slide/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, children }) => {
+    if (autoOpen)
+        isOpen = true;
+    let directionClass;
+    switch (direction) {
+        case 'top':
+            directionClass = css_classes['default'].slideDirectionTop;
+            break;
+        case 'right':
+            directionClass = css_classes['default'].slideDirectionRight;
+            break;
+        case 'bottom':
+            directionClass = css_classes['default'].slideDirectionBottom;
+            break;
+        case 'left':
+            directionClass = css_classes['default'].slideDirectionLeft;
+            break;
+    }
+    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].slide]} ${main_module['default'][directionClass]} ${isOpen ? main_module['default'][css_classes['default'].slideIsOpen] : ''}`, style: {
+            animationDuration: `${animationDurationMs}ms`,
+            top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
+            right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
+            bottom: (position === null || position === void 0 ? void 0 : position.bottom) ? `${position.bottom}px` : '',
+            left: (position === null || position === void 0 ? void 0 : position.left) ? `${position.left}px` : ''
+        } }, children));
+};
+
+exports.default = Slide;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/slide/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;AACA;AACA;AACA;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/css/slide/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = "@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: auto;\n  z-index: 1;\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var cssClasses = {"slide":"main-module_slide__1kcca","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -60,6 +60,7 @@ var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
+var index$I = require('./components/slide/index.js');
 var index$y = require('./components/spacing/index.js');
 var index$8 = require('./components/stack/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
@@ -133,6 +134,7 @@ exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
+exports.Slide = index$I['default'];
 exports.Spacing = index$y['default'];
 exports.Stack = index$8['default'];
 exports.Tabs = tabs['default'];

package/build/cjs/packages/aurora/src/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slide/css_classes.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    slide: string;
+    slideIsOpen: string;
+    slideDirectionTop: string;
+    slideDirectionRight: string;
+    slideDirectionBottom: string;
+    slideDirectionLeft: string;
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+const slideBaseCssClass = 'slide';
+var CSS_CLASSES = {
+    slide: slideBaseCssClass,
+    slideIsOpen: `${slideBaseCssClass}_is-open`,
+    slideDirectionTop: `${slideBaseCssClass}_direction-top`,
+    slideDirectionRight: `${slideBaseCssClass}_direction-right`,
+    slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
+    slideDirectionLeft: `${slideBaseCssClass}_direction-left`
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/slide/css_classes.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;"}

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

@@ -0,0 +1,4 @@
+import { ISlideProps } from './types';
+import React from 'react';
+declare const Slide: React.FC<ISlideProps>;
+export default Slide;

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import CSS_CLASSES from './css_classes.js';
+import cssClasses from '../../css/slide/main.module.less.js';
+
+const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, children }) => {
+    if (autoOpen)
+        isOpen = true;
+    let directionClass;
+    switch (direction) {
+        case 'top':
+            directionClass = CSS_CLASSES.slideDirectionTop;
+            break;
+        case 'right':
+            directionClass = CSS_CLASSES.slideDirectionRight;
+            break;
+        case 'bottom':
+            directionClass = CSS_CLASSES.slideDirectionBottom;
+            break;
+        case 'left':
+            directionClass = CSS_CLASSES.slideDirectionLeft;
+            break;
+    }
+    return (React.createElement("div", { className: `${cssClasses[CSS_CLASSES.slide]} ${cssClasses[directionClass]} ${isOpen ? cssClasses[CSS_CLASSES.slideIsOpen] : ''}`, style: {
+            animationDuration: `${animationDurationMs}ms`,
+            top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
+            right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
+            bottom: (position === null || position === void 0 ? void 0 : position.bottom) ? `${position.bottom}px` : '',
+            left: (position === null || position === void 0 ? void 0 : position.left) ? `${position.left}px` : ''
+        } }, children));
+};
+
+export default Slide;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/slide/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;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/slide/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface ISlideProps {
+    isOpen?: boolean;
+    autoOpen?: boolean;
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    position?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    animationDurationMs?: number;
+    children: ReactNode;
+}

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

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

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

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

package/build/esm/packages/aurora/src/css/slide/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: auto;\n  z-index: 1;\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var cssClasses = {"slide":"main-module_slide__1kcca","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/slide/main.module.less.js.map

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

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

@@ -74,6 +74,7 @@ import SearchList from "./components/search_list/components/search_list";
 import SearchListInput from "./components/search_list/components/search_list_input";
 import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
+import Slide from "./components/slide";
 import Spacing from "./components/spacing";
 import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
@@ -99,7 +100,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide };
 /**
  * export types
  */

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

@@ -56,6 +56,7 @@ export { SearchList } from './components/search_list/components/search_list.js';
 export { useSearchList } from './components/search_list/use_search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
+export { default as Slide } from './components/slide/index.js';
 export { default as Spacing } from './components/spacing/index.js';
 export { default as Stack } from './components/stack/index.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';

package/build/esm/packages/aurora/src/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;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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",