@geneui/components 3.0.0-next-8d97069-19092024 → 3.0.0-next-32cea53-25092024

package/Loader/index.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .loader{align-items:center;display:inline-flex;justify-content:center}[data-gene-ui-version=\"2.16.0\"] .loader_direction_below{flex-direction:column;text-align:center}[data-gene-ui-version=\"2.16.0\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.0\"] .loader_size_large,[data-gene-ui-version=\"2.16.0\"] .loader_size_medium,[data-gene-ui-version=\"2.16.0\"] .loader_size_small,[data-gene-ui-version=\"2.16.0\"] .loader_size_smallNudge,[data-gene-ui-version=\"2.16.0\"] .loader_size_xLarge{font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight)}[data-gene-ui-version=\"2.16.0\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.0\"] .loader_size_xLarge{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}[data-gene-ui-version=\"2.16.0\"] .loader_size_large,[data-gene-ui-version=\"2.16.0\"] .loader_size_medium,[data-gene-ui-version=\"2.16.0\"] .loader_size_small,[data-gene-ui-version=\"2.16.0\"] .loader_size_smallNudge{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.0\"] .loader_size_small,[data-gene-ui-version=\"2.16.0\"] .loader_size_smallNudge{gap:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.0\"] .loader_size_2xLarge{gap:var(--guit-ref-spacing-2xlarge)}[data-gene-ui-version=\"2.16.0\"] .loader_size_2xLarge .loader__spinner{height:var(--guit-sem-sizing-height-2xlarge);width:var(--guit-sem-sizing-width-2xlarge)}[data-gene-ui-version=\"2.16.0\"] .loader_size_xLarge{gap:var(--guit-ref-spacing-xlarge)}[data-gene-ui-version=\"2.16.0\"] .loader_size_xLarge .loader__spinner{height:var(--guit-sem-sizing-height-xlarge);width:var(--guit-sem-sizing-width-xlarge)}[data-gene-ui-version=\"2.16.0\"] .loader_size_large{gap:var(--guit-ref-spacing-large)}[data-gene-ui-version=\"2.16.0\"] .loader_size_large .loader__spinner{height:var(--guit-sem-sizing-height-large);width:var(--guit-sem-sizing-width-large)}[data-gene-ui-version=\"2.16.0\"] .loader_size_medium{gap:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.0\"] .loader_size_medium .loader__spinner{height:var(--guit-sem-sizing-height-medium);width:var(--guit-sem-sizing-width-medium)}[data-gene-ui-version=\"2.16.0\"] .loader_size_small .loader__spinner{height:var(--guit-sem-sizing-height-small);width:var(--guit-sem-sizing-width-small)}[data-gene-ui-version=\"2.16.0\"] .loader_size_smallNudge .loader__spinner{height:var(--guit-sem-sizing-height-small-nudge);width:var(--guit-sem-sizing-width-small-nudge)}[data-gene-ui-version=\"2.16.0\"] .loader_color_brand .loader__text,[data-gene-ui-version=\"2.16.0\"] .loader_color_neutral .loader__text{color:var(--guit-sem-color-foreground-neutral-1)}[data-gene-ui-version=\"2.16.0\"] .loader_color_brand .loader__spinner_path{stroke:var(--guit-sem-color-foreground-brand)}[data-gene-ui-version=\"2.16.0\"] .loader_color_neutral .loader__spinner_path{stroke:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.0\"] .loader_color_inverse .loader__spinner_path{stroke:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.0\"] .loader_color_inverse .loader__text{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.0\"] .loader__spinner{animation:loader-rotate 2s linear infinite;flex:0 0 auto}[data-gene-ui-version=\"2.16.0\"] .loader__spinner_path{stroke-linecap:round;animation:loader-dash 1.5s ease-in-out infinite;transform:translateZ(0)}[data-gene-ui-version=\"2.16.0\"] .loader__text{font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:capitalize}@keyframes loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}";
+styleInject(css_248z);
+
+/**
+ *Loading spinner is a visual indicator that informs users an operation is in progress. Typically displayed as a rotating icon or circular animation, it signals that the system is working on a task, such as loading data or processing a request, and that the user should wait until the process is complete.
+ */
+const Loader = ({ isLoading = true, text, textPosition = 'after', size = 'medium', appearance = 'brand', children }) => {
+    if (isLoading) {
+        return (React__default.createElement("span", { className: `loader loader_direction_${textPosition} loader_size_${size} loader_color_${appearance}` },
+            React__default.createElement("svg", { className: "loader__spinner", viewBox: "0 0 50 50" },
+                React__default.createElement("circle", { className: "loader__spinner_path", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" })),
+            text && React__default.createElement("span", { className: `loader__text loader__text_color_${appearance}` }, text)));
+    }
+    else {
+        return React__default.createElement(React__default.Fragment, null, children);
+    }
+};
+
+export { Loader as default };

package/Range/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-693a3d41.js';
+import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-63c5d423.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';

package/Slider/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-693a3d41.js';
+import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-63c5d423.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';

package/index.d.ts

@@ -25,6 +25,7 @@ export { default as Paper, paperWraps, alignItems, justifyContents, paperDirecti
 export { default as Avatar } from './lib/atoms/Avatar/index';
 export { default as LinkButton } from './lib/atoms/LinkButton/index';
 export { default as HelperText } from './lib/atoms/HelperText';
+export { default as Loader } from './lib/atoms/Loader';
 export { Row, Col } from './lib/molecules/Grid';
 export { Tab, Tabs } from './lib/molecules/Tabs';
 export { Step, Steps } from './lib/molecules/Steps';

package/index.js

@@ -25,6 +25,7 @@ export { default as Paper, alignItems, cornersRadius, justifyContents, paperDire
 export { default as Avatar } from './Avatar/index.js';
 export { default as LinkButton } from './LinkButton/index.js';
 export { default as HelperText } from './HelperText/index.js';
+export { default as Loader } from './Loader/index.js';
 export { Col, Row } from './Grid/index.js';
 export { Tab, Tabs } from './Tabs/index.js';
 export { Step, Steps } from './Steps/index.js';
@@ -141,7 +142,7 @@ import './guid-8ddf77b3.js';
 import './localization-4ba17032.js';
 import './index-122432cd.js';
 import './debounce-4419bc2f.js';
-import './rangeAndSlider-693a3d41.js';
+import './rangeAndSlider-63c5d423.js';
 import './index-45eafea6.js';
 import './react-lifecycles-compat.es-6e1f3768.js';
 import './SuggestionList/index.js';

package/lib/atoms/Loader/Loader.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+import './Loader.scss';
+interface ILoaderProps {
+    /**
+     * Any valid React node. Renders when "isLoading" is set to false
+     */
+    children?: ReactNode;
+    /**
+     * Indicates if spinner should be visible.
+     */
+    isLoading?: boolean;
+    /**
+     * Text to provide more context for Loader.
+     */
+    text?: string;
+    /**
+     * Loader visual style. <br/>
+     * Possible values: `brand | neutral | inverse`
+     */
+    appearance?: 'brand' | 'neutral' | 'inverse';
+    /**
+     * Loader size <br/>
+     * Possible values: `2xLarge | xLarge | large | medium | small | smallNudge`
+     */
+    size?: '2xLarge' | 'xLarge' | 'large' | 'medium' | 'small' | 'smallNudge';
+    /**
+     *  Loader text position. <br/>.
+     *  Possible values: `below | after`
+     */
+    textPosition?: 'below' | 'after';
+}
+/**
+ *Loading spinner is a visual indicator that informs users an operation is in progress. Typically displayed as a rotating icon or circular animation, it signals that the system is working on a task, such as loading data or processing a request, and that the user should wait until the process is complete.
+ */
+declare const Loader: FC<ILoaderProps>;
+export { ILoaderProps, Loader as default };

package/lib/atoms/Loader/index.d.ts

@@ -0,0 +1 @@
+export { ILoaderProps, default as default } from './Loader';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-8d97069-19092024",
+    "version": "3.0.0-next-32cea53-25092024",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {

package/{rangeAndSlider-693a3d41.js → rangeAndSlider-63c5d423.js}

@@ -251,20 +251,12 @@ var _cof = function (it) {
   return toString$2.call(it).slice(8, -1);
 };
 
-var _iobject;
-var hasRequired_iobject;
-
-function require_iobject () {
-	if (hasRequired_iobject) return _iobject;
-	hasRequired_iobject = 1;
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = _cof;
-	// eslint-disable-next-line no-prototype-builtins
-	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-	return _iobject;
-}
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var cof$2 = _cof;
+// eslint-disable-next-line no-prototype-builtins
+var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  return cof$2(it) == 'String' ? it.split('') : Object(it);
+};
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -273,7 +265,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -446,7 +438,7 @@ function require_objectAssign () {
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = require_iobject();
+	var IObject = _iobject;
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)