@nimbus-ds/button 2.4.0-rc.1 → 2.5.0-rc.1

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 The Button component allows us to initiate actions, make state or page changes.
 
+## 2023-03-24 `2.5.0`
+
+### 💡 Others
+
+- Adjusted the component properties interface to use `ComponentPropsWithRef` and include the `as` prop in the output interface. ([#132](https://github.com/TiendaNube/nimbus-design-system/pull/132) by [@juniorconquista](https://github.com/juniorconquista))
+
 ## 2023-02-23 `2.4.0`
 
 ### 🎉 New features
 
-- Added server side-rendering support to component. ([#99](https://github.com/TiendaNube/nimbus-design-system/pull/99) by [@juniorconquista](https://github.com/juniorconquista))
+- Added server side-rendering support to component. ([#105](https://github.com/TiendaNube/nimbus-design-system/pull/105) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2023-02-16 `2.3.0`
 
@@ -57,6 +63,7 @@ The Button component allows us to initiate actions, make state or page changes.
 - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
+- Removed `webpack@5.74.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2022-11-18 `1.1.0`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/button",
-  "version": "2.4.0-rc.1",
+  "version": "2.5.0-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -9,15 +9,15 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "webpack",
+    "build": "yarn g:webpack",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/skeleton": "^2.1.0-rc.1"
+    "@nimbus-ds/skeleton": "^3.0.0"
   },
   "peerDependencies": {
-    "@nimbus-ds/styles": "^6.12.0-rc.1",
+    "@nimbus-ds/styles": "^7.0.0",
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
@@ -30,11 +30,11 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/badge": "^3.1.0-rc.1",
-    "@nimbus-ds/icon": "^2.2.0-rc.1",
-    "@nimbus-ds/icons": "^1.1.0-rc.1",
-    "@nimbus-ds/skeleton": "^2.1.0-rc.1",
-    "webpack": "^5.74.0"
+    "@nimbus-ds/badge": "^3.1.1",
+    "@nimbus-ds/icon": "^3.0.0",
+    "@nimbus-ds/icons": "^1.1.0",
+    "@nimbus-ds/skeleton": "^3.0.0",
+    "@nimbus-ds/webpack": "^1.1.0"
   },
-  "stableVersion": "2.3.0"
+  "stableVersion": "2.4.0"
 }

package/dist/index.d.ts

@@ -1,61 +0,0 @@
-// Generated by dts-bundle-generator v7.1.0
-
-import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-export type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
-	as?: E;
-}>>;
-export interface PolymorphicForwardRefComponent<IntrinsicElementString, OwnProps = {}
-/**
- * Extends original type to ensure built in React types play nice
- * with polymorphic components still e.g. `React.ElementRef` etc.
- */
-> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-	/**
-	 * When `as` prop is passed, use this overload.
-	 * Merges original own props (without DOM props) and the inferred props
-	 * from `as` element with the own props taking precendence.
-	 *
-	 * We explicitly avoid `React.ElementType` and manually narrow the prop types
-	 * so that events are typed when using JSX.IntrinsicElements.
-	 */
-	<As = IntrinsicElementString>(props: As extends "" ? {
-		as: keyof JSX.IntrinsicElements;
-	} : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
-		as: As;
-	}> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-		as: As;
-	}> : never): React.ReactElement | null;
-}
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-	/** width alignment in content */
-	width: string;
-	/** height alignment in content */
-	height: string;
-	/** borderRadius alignment in content */
-	borderRadius?: string;
-}
-export type ButtonSkeletonProps = Partial<Pick<SkeletonProps, "width">> & {
-	"data-testid"?: string;
-};
-declare const ButtonSkeleton: React.FC<ButtonSkeletonProps>;
-export interface ButtonComponents {
-	Skeleton: typeof ButtonSkeleton;
-}
-export interface ButtonProps extends HTMLAttributes<HTMLElement> {
-	/** Text to be displayed on chip */
-	children: ReactNode;
-	/** Button appearance */
-	appearance?: "primary" | "danger" | "neutral" | "transparent";
-	/** Set whether button state is disabled */
-	disabled?: boolean;
-}
-export declare const Button: PolymorphicForwardRefComponent<"a" | "button", ButtonProps> & ButtonComponents;
-
-export {
-	Button as default,
-};
-
-export {};

package/dist/index.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/button"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/button"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/skeleton"])}(global,((e,t,r)=>(()=>{"use strict";var n={426:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;const n=r(15).__importStar(r(156)),o=r(990),a=r(612),u=(0,n.forwardRef)((({className:e,style:t,as:r="button",appearance:a="neutral",children:u,...i},c)=>{const l=(0,n.createRef)();return(0,n.useImperativeHandle)(c,(()=>l?.current)),(0,n.useEffect)((()=>{!l.current||l.current instanceof HTMLAnchorElement||l.current instanceof HTMLButtonElement||console.error("Error: Found `Button` component that renders an inaccessible element",l.current,"Please ensure `Button` always renders as <a> or <button>")}),[l]),n.default.createElement(r,{...i,className:o.button.classnames.appearance[a],ref:l},u)}));t.Button=u,u.Skeleton=a.ButtonSkeleton,u.displayName="Button",u.Skeleton.displayName="Button.Skeleton"},259:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonSkeleton=void 0;const n=r(15).__importDefault(r(156)),o=r(678);t.ButtonSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{width:e??"4.75rem",height:"2.125rem",borderRadius:"0.5rem","data-testid":t})},92:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonSkeleton=void 0;const n=r(259);var o=r(259);Object.defineProperty(t,"ButtonSkeleton",{enumerable:!0,get:function(){return o.ButtonSkeleton}}),t.default=n.ButtonSkeleton},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(92),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>w,__asyncValues:()=>j,__await:()=>m,__awaiter:()=>f,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>E,__classPrivateFieldSet:()=>B,__createBinding:()=>p,__decorate:()=>i,__exportStar:()=>y,__extends:()=>o,__generator:()=>s,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>g,__metadata:()=>l,__param:()=>c,__read:()=>b,__rest:()=>u,__spread:()=>v,__spreadArray:()=>h,__spreadArrays:()=>_,__values:()=>d});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function u(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function i(e,t,r,n){var o,a=arguments.length,u=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(u=(a<3?o(u):a>3?o(t,r,u):o(t,r))||u);return a>3&&u&&Object.defineProperty(t,r,u),u}function c(e,t){return function(r,n){t(r,n,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function f(e,t,r,n){return new(r||(r=Promise))((function(o,a){function u(e){try{c(n.next(e))}catch(e){a(e)}}function i(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(u,i)}c((n=n.apply(e,t||[])).next())}))}function s(e,t){var r,n,o,a,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;u;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return u.label++,{value:a[1],done:!1};case 5:u.label++,n=a[1],a=[0];continue;case 7:a=u.ops.pop(),u.trys.pop();continue;default:if(!(o=u.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){u=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){u.label=a[1];break}if(6===a[0]&&u.label<o[1]){u.label=o[1],o=a;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(a);break}o[2]&&u.ops.pop(),u.trys.pop();continue}a=t.call(e,u)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}var p=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function y(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||p(t,e,r)}function d(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.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(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)u.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return u}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function _(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],u=0,i=a.length;u<i;u++,o++)n[o]=a[u];return n}function h(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function m(e){return this instanceof m?(this.v=e,this):new m(e)}function w(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},u("next"),u("throw"),u("return"),n[Symbol.asyncIterator]=function(){return this},n;function u(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||i(e,t)}))})}function i(e,t){try{(r=o[e](t)).value instanceof m?Promise.resolve(r.value.v).then(c,l):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function c(e){i("next",e)}function l(e){i("throw",e)}function f(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function O(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:m(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=d(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function g(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&p(t,e,r);return S(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function k(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function B(e,t,r,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 t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function E(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},678:e=>{e.exports=r},990:e=>{e.exports=t},156:t=>{t.exports=e}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{var e=u;Object.defineProperty(e,"__esModule",{value:!0}),e.Button=void 0;const t=a(426);var r=a(426);Object.defineProperty(e,"Button",{enumerable:!0,get:function(){return r.Button}}),e.default=t.Button})(),u})()));