@gyramais/gyra-design 0.2.47 → 0.2.49

package/dist/components/Button/Button.d.ts

@@ -12,6 +12,13 @@ export type ButtonProps = {
     loading?: boolean;
     icon?: React.ReactNode;
     fab?: boolean;
+    /**
+     * Nome do botao. Botao SO de icone nao tem texto para o leitor de tela
+     * anunciar nem dica para o mouse: sem um destes dois, ele e anunciado como
+     * "botao" e nada mais. Os dois chegam ao `<button>` pelo spread.
+     */
+    title?: string;
+    "aria-label"?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     children?: React.ReactNode;
 };

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Loading/Loading.tsx","../../../src/components/Button/Button.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\ntype LoadingProps = {\n  id?: string;\n  className?: string;\n  size?: number;\n  color?: string;\n}\n\nconst Loading = ({\n  id,\n  className,\n  size = 40,\n  color = 'var(--primary-button-color)',\n}: LoadingProps) => {\n  return (\n    <div\n      id={id}\n      className={classNames(\n        \"gyramais-loading\",\n        className,\n      )}\n      style={{\n        width: size,\n        height: size,\n      }}\n    >\n      <div\n        style={{\n          width: size,\n          height: size,\n          borderWidth: Math.max((size / 10) - 1, 3),\n          borderColor: `${color} ${color} transparent transparent`,\n        }}\n      />\n    </div>\n  );\n};\n\nexport { Loading };","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\nimport { Loading } from \"../Loading\";\n\nexport type ButtonProps = {\n  id?: string;\n  className?: string;\n  type?: \"primary\" | \"secondary\" | \"white\" | \"dark\" | \"transparent\";\n  size?: \"small\" | \"medium\" | \"large\";\n  htmlType?: \"button\" | \"submit\";\n  link?: boolean;\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  icon?: React.ReactNode;\n  fab?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  children?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(({\n  id,\n  className,\n  type = \"primary\",\n  size = \"medium\",\n  htmlType = \"button\",\n  link = false,\n  block = false,\n  disabled = false,\n  loading = false,\n  icon,\n  fab,\n  onClick,\n  children,\n  ...props\n}: ButtonProps, ref: any) => {\n  return (\n    <button\n      ref={ref}\n      id={id}\n      type={htmlType}\n      className={classNames(\n        \"gyramais-button\",\n        `gyramais-button-${size}`,\n        `gyramais-button-${type}`,\n        link ? 'gyramais-button-link' : '',\n        block ? 'gyramais-button-block' : '',\n        loading ? 'gyramais-button-loading' : '',\n        icon && !children ? 'gyramais-button-icon' : '',\n        fab ? 'gyramais-button-fab' : '',\n        className,\n      )}\n      onClick={!loading ? onClick : () => {}}\n      disabled={disabled}\n      {...props}\n    >\n      {loading && (\n        <div className=\"gyramais-button-icon-container\">\n          <Loading size={size === 'small' ? 16 : 24} className=\"gyramais-button-loading-feedback\" />\n        </div>\n      )}\n\n      {!loading && icon && (\n        <div className=\"gyramais-button-icon-container\">\n          {icon}\n        </div>\n      )}\n\n      {children}\n    </button>\n  );\n});\n\nexport { Button };"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Loading","id","className","size","color","React","createElement","style","width","height","borderWidth","Math","max","borderColor","Button","forwardRef","type","htmlType","link","block","disabled","loading","icon","fab","onClick","children","props","ref"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCIA,MAAMuB,EAAU,EACdC,KACAC,YACAC,OAAO,GACPC,QAAQ,iCAGNC,EAAAC,cAAA,MAAA,CACEL,GAAIA,EACJC,UAAWzB,EACT,mBACAyB,GAEFK,MAAO,CACLC,MAAOL,EACPM,OAAQN,IAGVE,EAAAC,cAAA,MAAA,CACEC,MAAO,CACLC,MAAOL,EACPM,OAAQN,EACRO,YAAaC,KAAKC,IAAKT,EAAO,GAAM,EAAG,GACvCU,YAAa,GAAGT,KAASA,gCCZ7BU,EAAST,EAAMU,WAAW,EAC9Bd,KACAC,YACAc,OAAO,UACPb,OAAO,SACPc,WAAW,SACXC,QAAO,EACPC,SAAQ,EACRC,YAAW,EACXC,WAAU,EACVC,OACAC,MACAC,UACAC,cACGC,GACWC,IAEZtB,0BACEsB,IAAKA,EACL1B,GAAIA,EACJe,KAAMC,EACNf,UAAWzB,EACT,kBACA,mBAAmB0B,IACnB,mBAAmBa,IACnBE,EAAO,uBAAyB,GAChCC,EAAQ,wBAA0B,GAClCE,EAAU,0BAA4B,GACtCC,IAASG,EAAW,uBAAyB,GAC7CF,EAAM,sBAAwB,GAC9BrB,GAEFsB,QAAUH,EAAoB,OAAVG,EACpBJ,SAAUA,KACNM,GAEHL,GACChB,EAAAC,cAAA,MAAA,CAAKJ,UAAU,kCACbG,EAAAC,cAACN,GAAQG,KAAe,UAATA,EAAmB,GAAK,GAAID,UAAU,uCAIvDmB,GAAWC,GACXjB,EAAAC,cAAA,MAAA,CAAKJ,UAAU,kCACZoB,GAIJG","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Loading/Loading.tsx","../../../src/components/Button/Button.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\ntype LoadingProps = {\n  id?: string;\n  className?: string;\n  size?: number;\n  color?: string;\n}\n\nconst Loading = ({\n  id,\n  className,\n  size = 40,\n  color = 'var(--primary-button-color)',\n}: LoadingProps) => {\n  return (\n    <div\n      id={id}\n      className={classNames(\n        \"gyramais-loading\",\n        className,\n      )}\n      style={{\n        width: size,\n        height: size,\n      }}\n    >\n      <div\n        style={{\n          width: size,\n          height: size,\n          borderWidth: Math.max((size / 10) - 1, 3),\n          borderColor: `${color} ${color} transparent transparent`,\n        }}\n      />\n    </div>\n  );\n};\n\nexport { Loading };","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\nimport { Loading } from \"../Loading\";\n\nexport type ButtonProps = {\n  id?: string;\n  className?: string;\n  type?: \"primary\" | \"secondary\" | \"white\" | \"dark\" | \"transparent\";\n  size?: \"small\" | \"medium\" | \"large\";\n  htmlType?: \"button\" | \"submit\";\n  link?: boolean;\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  icon?: React.ReactNode;\n  fab?: boolean;\n  /**\n   * Nome do botao. Botao SO de icone nao tem texto para o leitor de tela\n   * anunciar nem dica para o mouse: sem um destes dois, ele e anunciado como\n   * \"botao\" e nada mais. Os dois chegam ao `<button>` pelo spread.\n   */\n  title?: string;\n  \"aria-label\"?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  children?: React.ReactNode;\n}\n\nconst Button = React.forwardRef(({\n  id,\n  className,\n  type = \"primary\",\n  size = \"medium\",\n  htmlType = \"button\",\n  link = false,\n  block = false,\n  disabled = false,\n  loading = false,\n  icon,\n  fab,\n  onClick,\n  children,\n  ...props\n}: ButtonProps, ref: any) => {\n  return (\n    <button\n      ref={ref}\n      id={id}\n      type={htmlType}\n      className={classNames(\n        \"gyramais-button\",\n        `gyramais-button-${size}`,\n        `gyramais-button-${type}`,\n        link ? 'gyramais-button-link' : '',\n        block ? 'gyramais-button-block' : '',\n        loading ? 'gyramais-button-loading' : '',\n        icon && !children ? 'gyramais-button-icon' : '',\n        fab ? 'gyramais-button-fab' : '',\n        className,\n      )}\n      onClick={!loading ? onClick : () => {}}\n      disabled={disabled}\n      {...props}\n    >\n      {loading && (\n        <div className=\"gyramais-button-icon-container\">\n          <Loading size={size === 'small' ? 16 : 24} className=\"gyramais-button-loading-feedback\" />\n        </div>\n      )}\n\n      {!loading && icon && (\n        <div className=\"gyramais-button-icon-container\">\n          {icon}\n        </div>\n      )}\n\n      {children}\n    </button>\n  );\n});\n\nexport { Button };"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Loading","id","className","size","color","React","createElement","style","width","height","borderWidth","Math","max","borderColor","Button","forwardRef","type","htmlType","link","block","disabled","loading","icon","fab","onClick","children","props","ref"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCIA,MAAMuB,EAAU,EACdC,KACAC,YACAC,OAAO,GACPC,QAAQ,iCAGNC,EAAAC,cAAA,MAAA,CACEL,GAAIA,EACJC,UAAWzB,EACT,mBACAyB,GAEFK,MAAO,CACLC,MAAOL,EACPM,OAAQN,IAGVE,EAAAC,cAAA,MAAA,CACEC,MAAO,CACLC,MAAOL,EACPM,OAAQN,EACRO,YAAaC,KAAKC,IAAKT,EAAO,GAAM,EAAG,GACvCU,YAAa,GAAGT,KAASA,gCCL7BU,EAAST,EAAMU,WAAW,EAC9Bd,KACAC,YACAc,OAAO,UACPb,OAAO,SACPc,WAAW,SACXC,QAAO,EACPC,SAAQ,EACRC,YAAW,EACXC,WAAU,EACVC,OACAC,MACAC,UACAC,cACGC,GACWC,IAEZtB,0BACEsB,IAAKA,EACL1B,GAAIA,EACJe,KAAMC,EACNf,UAAWzB,EACT,kBACA,mBAAmB0B,IACnB,mBAAmBa,IACnBE,EAAO,uBAAyB,GAChCC,EAAQ,wBAA0B,GAClCE,EAAU,0BAA4B,GACtCC,IAASG,EAAW,uBAAyB,GAC7CF,EAAM,sBAAwB,GAC9BrB,GAEFsB,QAAUH,EAAoB,OAAVG,EACpBJ,SAAUA,KACNM,GAEHL,GACChB,EAAAC,cAAA,MAAA,CAAKJ,UAAU,kCACbG,EAAAC,cAACN,GAAQG,KAAe,UAATA,EAAmB,GAAK,GAAID,UAAU,uCAIvDmB,GAAWC,GACXjB,EAAAC,cAAA,MAAA,CAAKJ,UAAU,kCACZoB,GAIJG","x_google_ignoreList":[0]}

package/dist/components/Card/Card.d.ts

@@ -15,12 +15,6 @@ type CardProps = {
     media?: React.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-    /**
-     * Placeholder exibido no lugar do conteudo enquanto `loading`. O padrao e um
-     * skeleton de linhas de texto; passe um skeleton com a forma do conteudo real
-     * (grafico, tabela, lista) quando isso ajudar a evitar o pulo de layout.
-     */
-    loadingContent?: React.ReactNode;
     collapsible?: boolean;
     defaultCollapsed?: boolean;
     collapsed?: boolean;
@@ -29,5 +23,5 @@ type CardProps = {
     headerContent?: React.ReactNode;
     children?: React.ReactNode;
 };
-declare const Card: ({ id, type, className, title, subtitle, media, disabled, loading, loadingContent, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
+declare const Card: ({ id, type, className, title, subtitle, media, disabled, loading, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
 export { Card };