@licklist/design 0.75.1-dev.2 → 0.75.1-dev.4

package/dist/events/event-card/EventCard.js

@@ -171,7 +171,7 @@ function EventCard(param) {
                             })
                         }),
                         children: /*#__PURE__*/ jsxs("div", {
-                            className: "pl-3 text-truncate",
+                            className: "pl-3 mt-2 text-truncate",
                             children: [
                                 t('Design:productSet'),
                                 ": ",

package/dist/fullscreen-loader/FullscreenLoader.d.ts

@@ -0,0 +1,4 @@
+export declare const FullscreenLoaderProvider: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FullscreenLoader.d.ts.map

package/dist/fullscreen-loader/FullscreenLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenLoader.d.ts","sourceRoot":"","sources":["../../src/fullscreen-loader/FullscreenLoader.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB;;6CAcpC,CAAA"}

package/dist/fullscreen-loader/FullscreenLoader.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LoadingOverlay } from '@mantine/core';
+import { useState } from 'react';
+import { FullscreenLoaderContext } from './context.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var FullscreenLoaderProvider = function(param) {
+    var children = param.children;
+    var _useState = _sliced_to_array(useState(false), 2), visible = _useState[0], setVisible = _useState[1];
+    return /*#__PURE__*/ jsxs(FullscreenLoaderContext.Provider, {
+        value: [
+            visible,
+            setVisible
+        ],
+        children: [
+            children,
+            /*#__PURE__*/ jsx(LoadingOverlay, {
+                visible: visible,
+                className: "!tw-z-[1050]",
+                loaderProps: {
+                    size: 50
+                }
+            })
+        ]
+    });
+};
+
+export { FullscreenLoaderProvider };

package/dist/fullscreen-loader/context.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const FullscreenLoaderContext: import("react").Context<[boolean, Dispatch<SetStateAction<boolean>>]>;
+//# sourceMappingURL=context.d.ts.map

package/dist/fullscreen-loader/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/fullscreen-loader/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE/D,eAAO,MAAM,uBAAuB,uEAEb,CAAA"}

package/dist/fullscreen-loader/context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+var FullscreenLoaderContext = createContext([
+    false,
+    function() {
+        return false;
+    }
+]);
+
+export { FullscreenLoaderContext };

package/dist/fullscreen-loader/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FullscreenLoader';
+export * from './useFullscreenLoader';
+export * from './context';
+//# sourceMappingURL=index.d.ts.map

package/dist/fullscreen-loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fullscreen-loader/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,WAAW,CAAA"}

package/dist/fullscreen-loader/useFullscreenLoader.d.ts

@@ -0,0 +1,2 @@
+export declare const useFullscreenLoader: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
+//# sourceMappingURL=useFullscreenLoader.d.ts.map

package/dist/fullscreen-loader/useFullscreenLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreenLoader.d.ts","sourceRoot":"","sources":["../../src/fullscreen-loader/useFullscreenLoader.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,oFAA4C,CAAA"}

package/dist/fullscreen-loader/useFullscreenLoader.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { FullscreenLoaderContext } from './context.js';
+
+var useFullscreenLoader = function() {
+    return useContext(FullscreenLoaderContext);
+};
+
+export { useFullscreenLoader };

package/dist/index.d.ts

@@ -41,4 +41,5 @@ export * from './date-time-button';
 export * from './calendar';
 export * from './availability-indicator';
 export * from './number-of-people-input';
+export * from './fullscreen-loader';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -200,6 +200,9 @@ export { getMonthCalendarDates, getWeekCalendarDates } from './calendar/utils/in
 export { AvailabilityIndicator } from './availability-indicator/AvailabilityIndicator.js';
 export { NumberOfPeopleInput } from './number-of-people-input/NumberOfPeopleInput.js';
 export { RenderNumberOfPeopleInputComponent } from './number-of-people-input/components/RenderNumberOfPeopleInputComponent.js';
+export { FullscreenLoaderProvider } from './fullscreen-loader/FullscreenLoader.js';
+export { useFullscreenLoader } from './fullscreen-loader/useFullscreenLoader.js';
+export { FullscreenLoaderContext } from './fullscreen-loader/context.js';
 export { default as CountrySelect } from './static/CountrySelect.js';
 export { default as FormCard } from './static/FormCard.js';
 export { default as Image } from './static/Image.js';

package/dist/styles/events/EventCard.scss

@@ -38,10 +38,9 @@ $event-card-views-gutter: sp(3) !default;
 
   .card-body {
     padding: 0 0 3rem 0;
+    margin-bottom: $event-card-contents-gutter;
 
     .event-description {
-      min-height: 8rem;
-      max-height: 21rem;
       overflow: hidden;
 
       &:last-child {
@@ -50,7 +49,6 @@ $event-card-views-gutter: sp(3) !default;
 
       &.no-image {
         min-height: 13.75rem;
-        max-height: 22rem;
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.75.1-dev.2",
+  "version": "0.75.1-dev.4",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/events/event-card/EventCard.tsx

@@ -109,7 +109,7 @@ export function EventCard({
           )}
         </Card.Title>
         <div className='flex-grow-1'>
-          <TipTapEditor
+        <TipTapEditor
             viewMode
             disabled
             className={clsx('event-description', !imageUrl && 'no-image')}
@@ -162,7 +162,7 @@ export function EventCard({
               </Popover>
             }
           >
-            <div className='pl-3 text-truncate'>
+            <div className='pl-3 mt-2 text-truncate'>
               {t('Design:productSet')}: {productSetName}
             </div>
           </OverlayTrigger>

package/src/fullscreen-loader/FullscreenLoader.tsx

@@ -0,0 +1,19 @@
+import { LoadingOverlay } from '@mantine/core'
+import { useState } from 'react'
+import { FullscreenLoaderContext } from './context'
+
+export const FullscreenLoaderProvider = ({ children }) => {
+  const [visible, setVisible] = useState(false)
+
+  return (
+    <FullscreenLoaderContext.Provider value={[visible, setVisible]}>
+      {children}
+
+      <LoadingOverlay
+        visible={visible}
+        className='!tw-z-[1050]'
+        loaderProps={{ size: 50 }}
+      />
+    </FullscreenLoaderContext.Provider>
+  )
+}

package/src/fullscreen-loader/context.ts

@@ -0,0 +1,5 @@
+import { createContext, Dispatch, SetStateAction } from 'react'
+
+export const FullscreenLoaderContext = createContext<
+  [boolean, Dispatch<SetStateAction<boolean>>]
+>([false, () => false])

package/src/fullscreen-loader/index.ts

@@ -0,0 +1,3 @@
+export * from './FullscreenLoader'
+export * from './useFullscreenLoader'
+export * from './context'

package/src/fullscreen-loader/useFullscreenLoader.ts

@@ -0,0 +1,4 @@
+import { useContext } from 'react'
+import { FullscreenLoaderContext } from './context'
+
+export const useFullscreenLoader = () => useContext(FullscreenLoaderContext)

package/src/index.ts

@@ -41,3 +41,4 @@ export * from './date-time-button'
 export * from './calendar'
 export * from './availability-indicator'
 export * from './number-of-people-input'
+export * from './fullscreen-loader'

package/src/styles/events/EventCard.scss

@@ -38,10 +38,9 @@ $event-card-views-gutter: sp(3) !default;
 
   .card-body {
     padding: 0 0 3rem 0;
+    margin-bottom: $event-card-contents-gutter;
 
     .event-description {
-      min-height: 8rem;
-      max-height: 21rem;
       overflow: hidden;
 
       &:last-child {
@@ -50,7 +49,6 @@ $event-card-views-gutter: sp(3) !default;
 
       &.no-image {
         min-height: 13.75rem;
-        max-height: 22rem;
       }
     }
   }