@dreamcommerce/aurora 3.0.0-32 → 3.0.0-321

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js

@@ -0,0 +1,204 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Loader } from '../loader/loader.js';
+import { useModalsContext } from '../modal/hooks/use_modals_context.js';
+import { Modal } from '../modal/components/modal/modal.js';
+import { IMAGE_PICKER_EXTENSIONS } from '../image_picker/image_picker_constants.js';
+import { FileUtils } from '@dreamcommerce/utilities';
+import { ImagePicker } from '../image_picker/image_picker.js';
+import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
+import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
+import { useHttpApi } from '../../hooks/use_http_api.js';
+
+var XhrImagePicker = function XhrImagePicker(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    name = _ref.name,
+    onUploaded = _ref.onUploaded,
+    initialFile = _ref.initialFile,
+    errors = _ref.errors,
+    onError = _ref.onError,
+    onChange = _ref.onChange,
+    onImageSizeUpdated = _ref.onImageSizeUpdated,
+    _ref$allowedExtension = _ref.allowedExtensions,
+    allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
+    allowedExtensionsLabel = _ref.allowedExtensionsLabel,
+    ImageEditor = _ref.ImageEditor;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var httpApi = useHttpApi();
+  var pendingRequestRef = React.useRef();
+  var initialImageFile = useRef();
+  var _useModalsContext = useModalsContext(),
+    showModal = _useModalsContext.showModal,
+    hideModal = _useModalsContext.hideModal;
+  var modalId = "image-picker-editor-".concat(id);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialImage = _useState2[0],
+    setInitialImage = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    imageEditorSrc = _useState6[0],
+    setImageEditorSrc = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    imageEditorResult = _useState8[0],
+    setImageEditorResult = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    imageExtenstion = _useState12[0],
+    setImageExtenstion = _useState12[1];
+  var handleControlChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
+            fileList && setImage(fileList[0]);
+            onChange === null || onChange === void 0 ? void 0 : onChange({
+              fileList: fileList,
+              fileAsDataUrl: fileAsDataUrl
+            });
+            if (!(!fileList || !fileList.length)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            if (pendingRequestRef.current) {
+              pendingRequestRef.current();
+              pendingRequestRef.current = undefined;
+            }
+            setIsLoading(true);
+            _httpApi$fetch = httpApi.fetch({
+              url: url,
+              method: REQUEST_TYPES.post,
+              data: fileList[0]
+            }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
+            pendingRequestRef.current = cancelRequest;
+            _context.next = 11;
+            return response.finally(function () {
+              return setIsLoading(false);
+            });
+          case 11:
+            responseObject = _context.sent;
+            onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
+              fileList: fileList,
+              dataUrl: fileAsDataUrl,
+              imageId: responseObject.data.imageId
+            });
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleControlChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (initialFile) {
+      setImageExtenstion(FileUtils.getFileExtension(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileName));
+      initialImageFile.current = initialFile;
+      var setFileFromUrl = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
+          var response, data, file;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return fetch(fileData.fileUrl);
+              case 2:
+                response = _context2.sent;
+                _context2.next = 5;
+                return response.blob();
+              case 5:
+                data = _context2.sent;
+                file = new File([data], fileData.fileName);
+                setInitialImage(file);
+              case 8:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function setFileFromUrl(_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      if (!initialImageFile.current) return;
+      setFileFromUrl(initialImageFile.current);
+    }
+  }, []);
+  useEffect(function () {
+    image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
+    return function () {
+      var _pendingRequestRef$cu;
+      return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
+    };
+  }, [image]);
+  useEffect(function () {
+    var src = image !== null && image !== void 0 ? image : initialImage;
+    setImageEditorSrc(src !== null && src !== void 0 ? src : '');
+  }, [image, initialImage, isLoading]);
+  var renderImageEditor = function renderImageEditor(defaultProps) {
+    return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-relative"
+  }, isLoading && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-absolute aurora-z-30 aurora-h-full aurora-w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-bg aurora-h-full aurora-w-full aurora-border aurora-border-dashed aurora-rounded-8 aurora-flex aurora-flex-col aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("span", {
+    className: "aurora-text-subtle-light aurora-text-xs aurora-pt-2"
+  }, "".concat(t('Transfering file...')))))), /*#__PURE__*/React.createElement(ImagePicker, {
+    id: id,
+    name: name,
+    onChange: handleControlChange,
+    onError: onError,
+    errors: errors,
+    allowedExtensions: allowedExtensions,
+    allowedExtensionsLabel: allowedExtensionsLabel,
+    initialFile: initialImageFile.current,
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React.createElement("button", {
+      onClick: function onClick() {
+        return showModal(modalId);
+      },
+      type: "button",
+      className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
+    }, /*#__PURE__*/React.createElement(ImageEditLineIcon, {
+      className: "aurora-w-4 aurora-h-4 aurora-fill"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "aurora-text-xs aurora-text aurora-font-semibold"
+    }, "".concat(t('Edit'))))),
+    editedImageResult: imageEditorResult
+  })), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
+    name: modalId,
+    header: /*#__PURE__*/React.createElement(React.Fragment, null, t('Edit image')),
+    width: "l"
+  }, renderImageEditor({
+    src: imageEditorSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setImageEditorResult(result);
+    }
+  }))));
+};
+
+export { XhrImagePicker };
+//# sourceMappingURL=xhr_image_picker.js.map

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/xhr_image_picker/xhr_image_picker_types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IImagePicker } from "../image_picker/image_picker_types";
+export interface IXhrImagePickerProps extends Omit<IImagePicker, 'topButtons'> {
+    url: string;
+    onUploaded?: (data: TUploadedImageData) => void;
+    onUploadError?: Function;
+    ImageEditor?: React.FunctionComponent<IImageEditorProps>;
+}
+export interface IImageEditorProps {
+    src?: File | string;
+    onEditionDone?: (result: File | undefined) => void;
+}
+export declare type TUploadedImageData = {
+    fileList: FileList;
+    dataUrl: string | ArrayBuffer | null | undefined;
+    imageId: string;
+};

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.js

@@ -0,0 +1,2 @@
+import '@auroraComponents/image_picker/image_picker_types';
+//# sourceMappingURL=xhr_image_picker_types.js.map

package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/xhr_image_picker/xhr_image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA6B,mDAAmD,CAAC"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_tokens.d.ts

@@ -2,6 +2,7 @@ export declare const CSS_BACKGROUND_TOKENS: {
     readonly hover: "hover";
     readonly active: "active";
     readonly subtle: "subtle";
+    readonly subtleStrong: "subtle-strong";
     readonly transparent: "transparent";
     readonly transparentHover: "transparent-hover";
     readonly transparentActive: "transparent-active";

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_tokens.js

@@ -2,6 +2,7 @@ var CSS_BACKGROUND_TOKENS = {
   hover: 'hover',
   active: 'active',
   subtle: 'subtle',
+  subtleStrong: 'subtle-strong',
   transparent: 'transparent',
   transparentHover: 'transparent-hover',
   transparentActive: 'transparent-active',

package/build/esm/packages/aurora/src/constants/css_tokens/css_background_tokens.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.d.ts

@@ -1,6 +1,7 @@
 export declare const CSS_BORDER_COLOR_TOKENS: {
     readonly subtle: "subtle";
     readonly strong: "strong";
+    readonly extraStrong: "extraStrong";
     readonly active: "active";
     readonly inverse: "inverse";
     readonly inverseSubtle: "inverse-subtle";

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.js

@@ -1,6 +1,7 @@
 var CSS_BORDER_COLOR_TOKENS = {
   subtle: 'subtle',
   strong: 'strong',
+  extraStrong: 'extraStrong',
   active: 'active',
   inverse: 'inverse',
   inverseSubtle: 'inverse-subtle',

package/build/esm/packages/aurora/src/constants/css_tokens/css_border_color_tokens.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.d.ts

@@ -18,7 +18,7 @@ export declare const CSS_ICON_COLOR_TOKENS: {
 };
 export declare const CSS_ICON_COLOR_TOKENS_VALUES: {
     readonly base: "#03081C";
-    readonly subtle: "#CBCDD1";
+    readonly subtle: "#9799A2";
     readonly disabled: "#E6E7EB";
     readonly inverse: "#FFFFFF";
     readonly inverseSubtle: "#FFFFFF33";

package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.js

@@ -2,7 +2,7 @@ import { CSS_COLOR_TOKENS_VALUES } from './css_color_tokens_values.js';
 
 var CSS_ICON_COLOR_TOKENS_VALUES = {
   base: CSS_COLOR_TOKENS_VALUES.neutral900,
-  subtle: CSS_COLOR_TOKENS_VALUES.neutral500,
+  subtle: CSS_COLOR_TOKENS_VALUES.neutral600,
   disabled: CSS_COLOR_TOKENS_VALUES.neutral200,
   inverse: CSS_COLOR_TOKENS_VALUES.neutral0,
   inverseSubtle: CSS_COLOR_TOKENS_VALUES.lightTransparent20,

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.d.ts

@@ -13,6 +13,7 @@ import { CSS_MARGIN_TOKENS } from "./css_margin_tokens";
 import { CSS_BORDER_STYLE_TOKENS } from "./css_border_style_tokens";
 import { CSS_POSITION_TOKENS } from "./css_position_tokens";
 import { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from "./css_border_width_tokens";
+import { CSS_ICON_COLOR_TOKENS } from "./css_icon_color_tokens";
 export declare type TCssBackgroundTokens = Any.Keys<Object.Invert<typeof CSS_BACKGROUND_TOKENS>>;
 export declare type TCssBorderColorTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_COLOR_TOKENS>>;
 export declare type TCssBorderRadiusTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_RADIUS_TOKENS>>;
@@ -29,3 +30,4 @@ export declare type TCssBorderWidthTokens = Any.Keys<Object.Invert<typeof CSS_BO
 export declare type TCssBorderWidthSideTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_WIDTH_SIDE_TOKENS>>;
 export declare type TCssBorderStyleTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_STYLE_TOKENS>>;
 export declare type TCssPositionTokens = Any.Keys<Object.Invert<typeof CSS_POSITION_TOKENS>>;
+export declare type TCssIconColorTokens = Any.Keys<Object.Invert<typeof CSS_ICON_COLOR_TOKENS>>;

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.js

@@ -13,4 +13,5 @@ import '@auroraConstants/css_tokens/css_margin_tokens';
 import '@auroraConstants/css_tokens/css_border_style_tokens';
 import '@auroraConstants/css_tokens/css_position_tokens';
 import '@auroraConstants/css_tokens/css_border_width_tokens';
+import '@auroraConstants/css_tokens/css_icon_color_tokens';
 //# sourceMappingURL=css_tokens_types.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_tokens_types.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_tokens_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAsC,mDAAmD,CAAC;AAC1F,OAAwC,qDAAqD,CAAC;AAC9F,OAAwE,sDAAsD,CAAC;AAC/H,OAAsC,mDAAmD,CAAC;AAC1F,OAAuC,oDAAoD,CAAC;AAC5F,OAAqC,kDAAkD,CAAC;AACxF,OAAmC,gDAAgD,CAAC;AACpF,OAAsC,mDAAmD,CAAC;AAC1F,OAAkC,gDAAgD,CAAC;AACnF,OAAmC,gDAAgD,CAAC;AACpF,OAAkC,+CAA+C,CAAC;AAClF,OAAwC,qDAAqD,CAAC;AAC9F,OAAoC,iDAAiD,CAAC;AACtF,OAAsE,qDAAqD,CAAC"}
+{"version":3,"file":"css_tokens_types.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_tokens_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAsC,mDAAmD,CAAC;AAC1F,OAAwC,qDAAqD,CAAC;AAC9F,OAAwE,sDAAsD,CAAC;AAC/H,OAAsC,mDAAmD,CAAC;AAC1F,OAAuC,oDAAoD,CAAC;AAC5F,OAAqC,kDAAkD,CAAC;AACxF,OAAmC,gDAAgD,CAAC;AACpF,OAAsC,mDAAmD,CAAC;AAC1F,OAAkC,gDAAgD,CAAC;AACnF,OAAmC,gDAAgD,CAAC;AACpF,OAAkC,+CAA+C,CAAC;AAClF,OAAwC,qDAAqD,CAAC;AAC9F,OAAoC,iDAAiD,CAAC;AACtF,OAAsE,qDAAqD,CAAC;AAC5H,OAAsC,mDAAmD,CAAC"}

package/build/esm/packages/aurora/src/hooks/search/use_force_render.d.ts

@@ -0,0 +1 @@
+export declare const useForceRender: () => () => void;

package/build/esm/packages/aurora/src/hooks/search/use_force_render.js

@@ -0,0 +1,6 @@
+import { useState } from 'react';
+export const useForceRender = () => {
+    const [, setState] = useState(true);
+    return () => setState((value) => !value);
+};
+//# sourceMappingURL=use_force_render.js.map

package/build/esm/packages/aurora/src/hooks/search/use_force_render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_force_render.js","sourceRoot":"","sources":["../../../../../../../src/hooks/search/use_force_render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEpC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;AAC7C,CAAC,CAAC"}

package/build/esm/packages/aurora/src/hooks/search/use_search.d.ts

@@ -0,0 +1,2 @@
+import { TSearchItem, TUseSearchApi, TUseSearchProps } from "./use_search_types";
+export declare const useSearch: <T extends TSearchItem = TSearchItem>({ items, searchKey, searchStrategy }: TUseSearchProps<T>) => TUseSearchApi<T>;

package/build/esm/packages/aurora/src/hooks/search/use_search.js

@@ -0,0 +1,35 @@
+import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { fuzzySearch } from '../../utilities/fuzzy_search.js';
+
+var useSearch = function useSearch(_ref) {
+  var items = _ref.items,
+    searchKey = _ref.searchKey,
+    _ref$searchStrategy = _ref.searchStrategy,
+    searchStrategy = _ref$searchStrategy === void 0 ? fuzzySearch : _ref$searchStrategy;
+  var _useState = useState(items),
+    _useState2 = _slicedToArray(_useState, 2),
+    _items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
+  useEffect(function () {
+    setItems(items);
+    setItems(searchStrategy(query, items, searchKey));
+  }, [items]);
+  useEffect(function () {
+    setItems(searchStrategy(query, items, searchKey));
+  }, [query]);
+  var search = function search(query) {
+    setQuery(query);
+  };
+  return {
+    search: search,
+    items: _items
+  };
+};
+
+export { useSearch };
+//# sourceMappingURL=use_search.js.map

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

package/build/esm/packages/aurora/src/hooks/search/use_search_types.d.ts

@@ -0,0 +1,10 @@
+export declare type TSearchItem = Record<string, any> | string;
+export declare type TUseSearchProps<T extends TSearchItem = TSearchItem> = {
+    items: T[];
+    searchStrategy?: (query: string, items: T[], key?: string) => T[];
+    searchKey?: string;
+};
+export declare type TUseSearchApi<T extends TSearchItem = TSearchItem> = {
+    search(query: string): void;
+    items: T[];
+};

package/build/esm/packages/aurora/src/hooks/search/use_search_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use_search_types.js.map

package/build/esm/packages/aurora/src/hooks/search/use_search_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_search_types.js","sourceRoot":"","sources":["../../../../../../../src/hooks/search/use_search_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts

@@ -1,20 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TClickOutsideConfig = {
     blackListSelectors?: string[];
     documents?: Document[];
     shouldTrigger?: (event: MouseEvent) => boolean;
+    eventName?: 'click' | 'mousedown';
 };
 export declare type TUseClickOutsideProps = {
     refs: Array<React.RefObject<HTMLElement>>;
     callback: () => void;
     config?: TClickOutsideConfig;
 };
-/**
- * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
- * made outside element callback function is called
- * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
- * @param {Function} callback called when click is made outside refs elements
- * @returns {void} void
- */
 export declare function useClickOutside({ refs, config, callback }: TUseClickOutsideProps): void;
-export default useClickOutside;

package/build/esm/packages/aurora/src/hooks/use_click_outside.js

@@ -1,37 +1,46 @@
 import { useEffect } from 'react';
-/**
- * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
- * made outside element callback function is called
- * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
- * @param {Function} callback called when click is made outside refs elements
- * @returns {void} void
- */
-export function useClickOutside({ refs, config, callback }) {
-    const { documents = [globalThis.document], blackListSelectors = [] } = config ?? {};
-    function handleClickOutside(event) {
-        const isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
-            const $el = documents.reduce(function test(acc, doc) {
-                return acc || doc.querySelector(blackListSelector);
-            }, null);
-            if (!$el)
-                return acc;
-            return acc
-                ? acc
-                : event.target === $el ||
-                    $el.contains(event.target) ||
-                    event.target.closest(blackListSelector) !== null;
-        }, false);
-        const shouldTrigger = config?.shouldTrigger ? config.shouldTrigger(event) : true;
-        const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target));
-        if (callCallback && !isBlacklisted && shouldTrigger)
-            callback();
+
+function useClickOutside(_ref) {
+  var refs = _ref.refs,
+    config = _ref.config,
+    callback = _ref.callback;
+  var _ref2 = config !== null && config !== void 0 ? config : {},
+    _ref2$documents = _ref2.documents,
+    documents = _ref2$documents === void 0 ? [globalThis.document] : _ref2$documents,
+    _ref2$blackListSelect = _ref2.blackListSelectors,
+    blackListSelectors = _ref2$blackListSelect === void 0 ? [] : _ref2$blackListSelect,
+    _ref2$eventName = _ref2.eventName,
+    eventName = _ref2$eventName === void 0 ? 'mousedown' : _ref2$eventName;
+  function handleClickOutside(event) {
+    // Don't trigger if text is being selected
+    var selection = window.getSelection();
+    if (selection && selection.toString().length > 0) {
+      return;
     }
-    useEffect(() => {
-        documents.forEach((document) => document.addEventListener('click', handleClickOutside, true));
-        return () => {
-            documents.forEach((document) => document.removeEventListener('click', handleClickOutside, true));
-        };
+    var isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
+      var $el = documents.reduce(function test(acc, doc) {
+        return acc || doc.querySelector(blackListSelector);
+      }, null);
+      if (!$el) return acc;
+      return acc ? acc : event.target === $el || $el.contains(event.target) || event.target.closest(blackListSelector) !== null;
+    }, false);
+    var shouldTrigger = config !== null && config !== void 0 && config.shouldTrigger ? config.shouldTrigger(event) : true;
+    var callCallback = refs.every(function (ref) {
+      return ref.current && !ref.current.contains(event.target);
     });
+    if (callCallback && !isBlacklisted && shouldTrigger) callback();
+  }
+  useEffect(function () {
+    documents.forEach(function (document) {
+      return document.addEventListener(eventName, handleClickOutside, true);
+    });
+    return function () {
+      documents.forEach(function (document) {
+        return document.removeEventListener(eventName, handleClickOutside, true);
+      });
+    };
+  });
 }
-export default useClickOutside;
-//# sourceMappingURL=use_click_outside.js.map
+
+export { useClickOutside };
+//# sourceMappingURL=use_click_outside.js.map

package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_click_outside.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_click_outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAyB;IAC7E,MAAM,EAAE,SAAS,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,kBAAkB,GAAG,EAAE,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpF,SAAS,kBAAkB,CAAC,KAAY;QACpC,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,iBAAiB;YAChF,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,GAAG;gBAC/C,OAAO,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YACvD,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,IAAI,CAAC,GAAG;gBAAE,OAAO,GAAG,CAAC;YAErB,OAAO,GAAG;gBACN,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,GAAG;oBAChB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC;oBACxC,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAChF,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,MAAM,aAAa,GAAG,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,KAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/F,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,CAAC;QAErG,IAAI,YAAY,IAAI,CAAC,aAAa,IAAI,aAAa;YAAE,QAAQ,EAAE,CAAC;IACpE,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QAE9F,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QACrG,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,eAAe,eAAe,CAAC"}
+{"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;"}

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js

@@ -1,18 +1,21 @@
-import { useEffect, useRef } from 'react';
-/**
- * uses effect only if component is allready mounted
- * @param {Function} cb callback
- * @param dependencies array of dependencies
- * @returns {void} void
+import { useRef, useEffect } from 'react';
+
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
  */
-export function useEffectAfterMount(cb, dependencies) {
-    const justMounted = useRef(true);
-    useEffect(() => {
-        if (!justMounted.current) {
-            return cb();
-        }
-        justMounted.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
+function useEffectAfterMount(cb, dependencies) {
+  var justMounted = useRef(true);
+  useEffect(function () {
+    if (!justMounted.current) {
+      return cb();
+    }
+    justMounted.current = false;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies);
 }
-//# sourceMappingURL=use_effect_after_mount.js.map
+
+export { useEffectAfterMount };
+//# sourceMappingURL=use_effect_after_mount.js.map

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_effect_after_mount.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_effect_after_mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAc,EAAE,YAAwB;IACxE,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO,EAAE,EAAE,CAAC;SACf;QACD,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,uDAAuD;IAC3D,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC"}
+{"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/hooks/use_http_api.js

@@ -1,16 +1,23 @@
-import { AxiosClient } from '@dreamcommerce/star_core';
-import { useLazyRef } from '@auroraHooks/use_lazy_ref';
-export const useHttpApi = () => {
-    const clientRef = useLazyRef(() => new AxiosClient());
-    return {
-        fetch: (requestOptions) => {
-            const { cancelRequest, cancelToken } = clientRef.current.makeCancelable();
-            requestOptions.cancelToken = cancelToken;
-            return {
-                response: clientRef.current.fetch(requestOptions),
-                cancelRequest
-            };
-        }
-    };
+import { AxiosClient } from '../../../star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js';
+import { useLazyRef } from './use_lazy_ref.js';
+
+var useHttpApi = function useHttpApi() {
+  var clientRef = useLazyRef(function () {
+    return new AxiosClient();
+  });
+  return {
+    fetch: function fetch(requestOptions) {
+      var _clientRef$current$ma = clientRef.current.makeCancelable(),
+        cancelRequest = _clientRef$current$ma.cancelRequest,
+        cancelToken = _clientRef$current$ma.cancelToken;
+      requestOptions.cancelToken = cancelToken;
+      return {
+        response: clientRef.current.fetch(requestOptions),
+        cancelRequest: cancelRequest
+      };
+    }
+  };
 };
-//# sourceMappingURL=use_http_api.js.map
+
+export { useHttpApi };
+//# sourceMappingURL=use_http_api.js.map

package/build/esm/packages/aurora/src/hooks/use_http_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_http_api.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_http_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwD,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAOvD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAqC,EAAE;IAC7D,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;IAEtD,OAAO;QACH,KAAK,EAAE,CAAI,cAA+B,EAA0B,EAAE;YAClE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;YAC1E,cAAc,CAAC,WAAW,GAAG,WAAW,CAAC;YAEzC,OAAO;gBACH,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAI,cAAc,CAAC;gBACpD,aAAa;aACU,CAAC;QAChC,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"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;"}