@nimbus-ds/components 5.15.0 → 5.16.0

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.
@@ -0,0 +1,57 @@
1
+ // Generated by dts-bundle-generator v7.2.0
2
+
3
+ import React from 'react';
4
+ import { ComponentPropsWithRef, HTMLAttributes } from 'react';
5
+
6
+ export interface SkeletonProperties {
7
+ /**
8
+ * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
9
+ */
10
+ width: string;
11
+ /**
12
+ * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
13
+ */
14
+ height: string;
15
+ /**
16
+ * The border radius of the skeleton.
17
+ */
18
+ borderRadius?: string;
19
+ /**
20
+ * This is an attribute used to identify a DOM node for testing purposes.
21
+ */
22
+ "data-testid"?: string;
23
+ }
24
+ export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
25
+ export type ProgressBarSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "height" | "data-testid">>;
26
+ export declare const ProgressBarSkeleton: React.FC<ProgressBarSkeletonProperties>;
27
+ export interface ProgressBarComponents {
28
+ Skeleton: typeof ProgressBarSkeleton;
29
+ }
30
+ export interface ProgressBarProperties {
31
+ /**
32
+ * Progress value from 0 to 100
33
+ * @note Always renders with a minimum 8px width for visual consistency
34
+ */
35
+ value: number;
36
+ /**
37
+ * Change the visual style of the progress bar.
38
+ * @default neutral
39
+ */
40
+ appearance?: "primary" | "success" | "warning" | "danger" | "neutral" | "ai-generative";
41
+ }
42
+ /**
43
+ * ProgressBar component displays the progress of an operation or task in a visual format.
44
+ * It provides a horizontal bar that fills based on the completion percentage.
45
+ *
46
+ * @component
47
+ * @example
48
+ * <ProgressBar value={50} appearance="primary" />
49
+ *
50
+ * @example
51
+ * // With skeleton loading state
52
+ * <ProgressBar.Skeleton width="200px" />
53
+ */
54
+ export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProperties & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressBarProperties> & React.RefAttributes<HTMLDivElement>> & ProgressBarComponents;
55
+ export type ProgressBarProps = ComponentPropsWithRef<typeof ProgressBar>;
56
+
57
+ export {};
@@ -0,0 +1,2 @@
1
+ "use client";
2
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/components"]=r(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=r(e.react,e["@nimbus-ds/styles"])}(global,((e,r)=>(()=>{"use strict";var t={9003:(e,r,t)=>{function n(e){var r=e.match(/^var\((.*)\)$/);return r?r[1]:e}function o(e,r){var t=e;for(var n of r){if(!(n in t))throw new Error("Path ".concat(r.join(" -> ")," does not exist in object"));t=t[n]}return t}function a(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var o in e){var i=e[o],s=[...t,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=r(i,s):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(s.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,r,s)}return n}function i(e,r){var t={};if("object"==typeof r){var i=e;a(r,((e,r)=>{if(null!=e){var a=o(i,r);t[n(a)]=String(e)}}))}else{var s=e;for(var c in s){var l=s[c];null!=l&&(t[n(c)]=l)}}return Object.defineProperty(t,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),t}function s(e,r,t){e.style.setProperty(n(r),t)}function c(e,r,t){if("object"==typeof t){var n=r;a(t,((r,t)=>{null!=r&&s(e,o(n,t),String(r))}))}else{var i=r;for(var c in i){null!=i[c]&&s(e,c,i[c])}}}t.r(r),t.d(r,{assignInlineVars:()=>i,setElementVars:()=>c})},9177:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBar=void 0;const n=t(5608).__importStar(t(9155)),o=t(4367),a=t(1531),i=(0,n.forwardRef)((({className:e,style:r,value:t,appearance:a="neutral",...i},s)=>{const c=(0,n.useMemo)((()=>Math.min(100,Math.max(0,t))),[t]),l=`${c}%`;return n.default.createElement("div",{...i,ref:s,className:[o.progressBar.classnames.container,e].filter(Boolean).join(" "),style:r,role:"progressbar","aria-valuenow":c,"aria-valuemin":0,"aria-valuemax":100},n.default.createElement("div",{className:o.progressBar.classnames.appearance[a],style:{width:l},"data-testid":"progress-bar-fill"}))}));r.ProgressBar=i,i.Skeleton=a.ProgressBarSkeleton,i.displayName="ProgressBar",i.Skeleton.displayName="ProgressBar.Skeleton"},7366:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0});const n=t(5608);n.__exportStar(t(9132),r),n.__exportStar(t(1531),r)},9085:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBarSkeleton=void 0;const n=t(5608).__importDefault(t(9155)),o=t(7940);r.ProgressBarSkeleton=({width:e="100%",...r})=>n.default.createElement(o.Skeleton,{width:e,height:"0.5rem",borderRadius:"0.5rem",...r})},8588:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBarSkeleton=void 0;var n=t(9085);Object.defineProperty(r,"ProgressBarSkeleton",{enumerable:!0,get:function(){return n.ProgressBarSkeleton}})},1531:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBarSkeleton=void 0;var n=t(8588);Object.defineProperty(r,"ProgressBarSkeleton",{enumerable:!0,get:function(){return n.ProgressBarSkeleton}})},9132:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBar=void 0;const n=t(9177);var o=t(9177);Object.defineProperty(r,"ProgressBar",{enumerable:!0,get:function(){return o.ProgressBar}}),r.default=n.ProgressBar},5579:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Skeleton=void 0;const n=t(5608).__importDefault(t(9155)),o=t(9003),a=t(4367),i=({className:e,style:r,height:t,width:i,borderRadius:s="0",...c})=>n.default.createElement("div",{className:a.skeleton.classnames.base,style:(0,o.assignInlineVars)({[a.vars.width]:i,[a.vars.height]:t,[a.vars.borderRadius]:s}),...c});r.Skeleton=i,i.displayName="Skeleton"},7940:(e,r,t)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Skeleton=void 0;const n=t(5579);var o=t(5579);Object.defineProperty(r,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),r.default=n.Skeleton},4367:e=>{e.exports=r},9155:r=>{r.exports=e},5608:(e,r,t)=>{t.r(r),t.d(r,{__addDisposableResource:()=>A,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>S,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>R,__classPrivateFieldSet:()=>D,__createBinding:()=>v,__decorate:()=>s,__disposeResources:()=>N,__esDecorate:()=>l,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>T,__importStar:()=>B,__makeTemplateObject:()=>k,__metadata:()=>d,__param:()=>c,__propKey:()=>f,__read:()=>m,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>P,__spreadArrays:()=>g,__values:()=>h,default:()=>F});var n=function(e,r){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])},n(e,r)};function o(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function t(){this.constructor=e}n(e,r),e.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},a.apply(this,arguments)};function i(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function s(e,r,t,n){var o,a=arguments.length,i=a<3?r:null===n?n=Object.getOwnPropertyDescriptor(r,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,t,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(r,t,i):o(r,t))||i);return a>3&&i&&Object.defineProperty(r,t,i),i}function c(e,r){return function(t,n){r(t,n,e)}}function l(e,r,t,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!r&&e?n.static?e:e.prototype:null,f=r||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),p=!1,d=t.length-1;d>=0;d--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,t[d])("accessor"===c?{get:f.get,set:f.set}:f[l],y);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=i(v.get))&&(f.get=s),(s=i(v.set))&&(f.set=s),(s=i(v.init))&&o.unshift(s)}else(s=i(v))&&("field"===c?o.unshift(s):f[l]=s)}u&&Object.defineProperty(u,n.name,f),p=!0}function u(e,r,t){for(var n=arguments.length>2,o=0;o<r.length;o++)t=n?r[o].call(e,t):r[o].call(e);return n?t:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,r,t){return"symbol"==typeof r&&(r=r.description?"[".concat(r.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:t?"".concat(t," ",r):r})}function d(e,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,r)}function y(e,r,t,n){return new(t||(t=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(i,s)}c((n=n.apply(e,r||[])).next())}))}function _(e,r){var t,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(c){return function(s){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(i=0)),i;)try{if(t=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=r.call(e,i)}catch(e){s=[6,e],n=0}finally{t=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,c])}}}var v=Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]};function b(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||v(r,e,t)}function h(e){var r="function"==typeof Symbol&&Symbol.iterator,t=r&&e[r],n=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,o,a=t.call(e),i=[];try{for(;(void 0===r||r-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(t=a.return)&&t.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],r=0;r<arguments.length;r++)e=e.concat(m(arguments[r]));return e}function g(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;var n=Array(e),o=0;for(r=0;r<t;r++)for(var a=arguments[r],i=0,s=a.length;i<s;i++,o++)n[o]=a[i];return n}function P(e,r,t){if(t||2===arguments.length)for(var n,o=0,a=r.length;o<a;o++)!n&&o in r||(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return e.concat(n||Array.prototype.slice.call(r))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function S(e,r,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=t.apply(e,r||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(r){return new Promise((function(t,n){a.push([e,r,t,n])>1||s(e,r)}))})}function s(e,r){try{(t=o[e](r)).value instanceof j?Promise.resolve(t.value.v).then(c,l):u(a[0][2],t)}catch(e){u(a[0][3],e)}var t}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,r){e(r),a.shift(),a.length&&s(a[0][0],a[0][1])}}function O(e){var r,t;return r={},n("next"),n("throw",(function(e){throw e})),n("return"),r[Symbol.iterator]=function(){return this},r;function n(n,o){r[n]=e[n]?function(r){return(t=!t)?{value:j(e[n](r)),done:!1}:o?o(r):r}:o}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,t=e[Symbol.asyncIterator];return t?t.call(e):(e=h(e),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(t){r[t]=e[t]&&function(r){return new Promise((function(n,o){(function(e,r,t,n){Promise.resolve(n).then((function(r){e({value:r,done:t})}),r)})(n,o,(r=e[t](r)).done,r.value)}))}}}function k(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e}var E=Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r};function B(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&v(r,e,t);return E(r,e),r}function T(e){return e&&e.__esModule?e:{default:e}}function M(e,r,t,n){if("a"===t&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)}function D(e,r,t,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,t):o?o.value=t:r.set(e,t),t}function R(e,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?r===e:e.has(r)}function A(e,r,t){if(null!=r){if("object"!=typeof r&&"function"!=typeof r)throw new TypeError("Object expected.");var n;if(t){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=r[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=r[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:r,dispose:n,async:t})}else t&&e.stack.push({async:!0});return r}var I="function"==typeof SuppressedError?SuppressedError:function(e,r,t){var n=new Error(t);return n.name="SuppressedError",n.error=e,n.suppressed=r,n};function N(e){function r(r){e.error=e.hasError?new I(r,e.error,"An error was suppressed during disposal."):r,e.hasError=!0}return function t(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(t,(function(e){return r(e),t()}))}catch(e){r(e)}}if(e.hasError)throw e.error}()}const F={__extends:o,__assign:a,__rest:i,__decorate:s,__param:c,__metadata:d,__awaiter:y,__generator:_,__createBinding:v,__exportStar:b,__values:h,__read:m,__spread:w,__spreadArrays:g,__spreadArray:P,__await:j,__asyncGenerator:S,__asyncDelegator:O,__asyncValues:x,__makeTemplateObject:k,__importStar:B,__importDefault:T,__classPrivateFieldGet:M,__classPrivateFieldSet:D,__classPrivateFieldIn:R,__addDisposableResource:A,__disposeResources:N}}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}return o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(7366)})()));