dt-shared-front 1.0.20 → 1.0.21
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.css.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["dt-shared-front"]=t():e["dt-shared-front"]=t()}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){e.exports=require("react")},function(e,t,n){},function(e,t){e.exports=require("classnames")},function(e,t,n){"use strict";n.r(t);var r,o,a,i=n(0),c=n.n(i),l=n(2),u=n.n(l);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var f,d,p,m=function(e){return i.createElement("svg",s({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=i.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint0_linear)"},i.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),o||(o=i.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint1_linear)"},i.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),a||(a=i.createElement("defs",null,i.createElement("linearGradient",{id:"button-loader_svg__paint0_linear",x1:14.5,y1:5.5,x2:16.5,y2:10,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:"currentColor"}),i.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})),i.createElement("linearGradient",{id:"button-loader_svg__paint1_linear",x1:10,y1:16,x2:17,y2:9.5,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:"currentColor"}),i.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})))))},b=n(1),_=n.n(b);!function(e){e.smallS="smallS",e.small="small",e.medium="medium",e.large="large"}(f||(f={})),function(e){e.default="default",e.secondary="secondary"}(d||(d={})),function(e){e.left="left",e.right="right"}(p||(p={}));var y=function(e){var t=e.variant,n=void 0===t?d.default:t,r=e.size,o=void 0===r?f.medium:r,a=e.iconPosition,l=void 0===a?p.right:a,s=e.width,b=e.icon,y=e.loading,v=e.disabled,g=e.children,h=e.className,O=e.onClick,x=e.type,j=void 0===x?"button":x,E=Object(i.useMemo)((function(){var e;return u()(_.a.button,h,_.a["button__".concat(n)],_.a["button__".concat(o)],_.a["button__icon_".concat(l)],((e={})[_.a.loading]=y,e[_.a.withIcon]=b,e))}),[n,o,y,b,v,h]),C=Object(i.useMemo)((function(){return u()(_.a.loader,_.a["loader__".concat(n)],_.a["loader__".concat(o)])}),[n,o]),w=Object(i.useMemo)((function(){var e;return u()(_.a.icon,_.a["icon__".concat(n)],_.a["icon__".concat(o)],((e={})[_.a.icon__only]=!g,e))}),[n,o,g]),M=Object(i.useCallback)((function(e){v||y||O&&O(e)}),[O,v,y]);return c.a.createElement("button",{type:j,className:E,disabled:v,onClick:M,style:{width:s}},g,b&&c.a.createElement(b,{className:w}),y&&c.a.createElement(m,{className:C}))};n.d(t,"Button",(function(){return y}))}])}));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://dt-shared-front/webpack/universalModuleDefinition","webpack://dt-shared-front/webpack/bootstrap","webpack://dt-shared-front/external \"react\"","webpack://dt-shared-front/./src/components/button/button.module.scss?42a7","webpack://dt-shared-front/external \"classnames\"","webpack://dt-shared-front/./src/components/icon/icons/button-loader.svg","webpack://dt-shared-front/./src/components/button/button.tsx","webpack://dt-shared-front/./src/index.ts"],"names":["root","factory","exports","module","define","amd","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","require","_path","_path2","_defs","_extends","assign","target","arguments","length","source","apply","EButtonSize","EButtonVariant","EButtonIconPosition","props","width","height","fill","xmlns","attributeType","attributeName","type","from","to","dur","repeatCount","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","stopOpacity","Button","variant","size","medium","iconPosition","right","Icon","loading","disabled","children","className","onClick","classNames","button","withIcon","loaderClassNames","loader","iconClassNames","icon","icon__only","_onClick","e","style"],"mappings":"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","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"dt-shared-front\"] = factory();\n\telse\n\t\troot[\"dt-shared-front\"] = factory();\n})(this, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 3);\n","module.exports = require(\"react\");","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"X-qXAjOlRK-MvEYzf+vJhw==\",\"button__smallS\":\"eulj795QGDKOUqnlkwRcjg==\",\"button__small\":\"kA9VI1+kphZMg+k4vwaA0A==\",\"withIcon\":\"J7ifRezUPIpp0n8u5ey6eA==\",\"button__medium\":\"E71L1YsDYOk9r7JoN8iRtA==\",\"button__large\":\"PG1dRW1+2uEbSJL4AczvWA==\",\"button__default\":\"mYOHniHZN+wzW6HIbZsnIg==\",\"button__secondary\":\"bPOB9hdxMHyvlNMblpaD2w==\",\"button__icon_left\":\"EzgVgoT-fH3ME93vMPlWkQ==\",\"button__icon_right\":\"uPFlSZFrv33G6Syy-kE8BQ==\",\"loading\":\"IZ3gtInjJxgFyjTmoON+MA==\",\"icon\":\"Gso9o47aQw7gpIb6flgPow==\",\"icon__smallS\":\"BQwBbNv+45pKaoDXKLrnZQ==\",\"icon__small\":\"SgRrCfWD7dbhNcWRDLF41w==\",\"icon__medium\":\"_3L-IQ9YS+6jmHw0pc6ZnCQ==\",\"icon__large\":\"WSggmWymdxGEd6uWzS8iPA==\",\"icon__default\":\"MzXx8SzLHp6qmfyu-p4HIA==\",\"icon__secondary\":\"n0RQniAXmk-2hu5UTGAkCA==\",\"icon__only\":\"fpWXxEzExVJNFtiBu-YVhA==\",\"loader\":\"v14UEAGpVOAxK8oK9tZ32g==\",\"loader__medium\":\"_7pr9vlHwvaNj0kihq3zwcQ==\",\"loader__large\":\"S4tzpabhSuMX6nxSoa3cxQ==\",\"loader__default\":\"_5X5UT-TFHZe-BiWWUwq7og==\"};","module.exports = require(\"classnames\");","var _path, _path2, _defs;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgButtonLoader(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z\",\n fill: \"url(#button-loader_svg__paint0_linear)\"\n }, /*#__PURE__*/React.createElement(\"animateTransform\", {\n attributeType: \"xml\",\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 10 10\",\n to: \"360 10 10\",\n dur: \"0.75s\",\n repeatCount: \"indefinite\"\n }))), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z\",\n fill: \"url(#button-loader_svg__paint1_linear)\"\n }, /*#__PURE__*/React.createElement(\"animateTransform\", {\n attributeType: \"xml\",\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 10 10\",\n to: \"360 10 10\",\n dur: \"0.75s\",\n repeatCount: \"indefinite\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"button-loader_svg__paint0_linear\",\n x1: 14.5,\n y1: 5.5,\n x2: 16.5,\n y2: 10,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"currentColor\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"currentColor\",\n stopOpacity: 0\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"button-loader_svg__paint1_linear\",\n x1: 10,\n y1: 16,\n x2: 17,\n y2: 9.5,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"currentColor\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"currentColor\",\n stopOpacity: 0\n })))));\n}\n\nexport default SvgButtonLoader;","import React, { PropsWithChildren, useMemo, MouseEvent, useCallback } from 'react';\nimport classnames from 'classnames';\nimport Loader from '../icon/icons/button-loader.svg';\n\nimport styles from './button.module.scss';\n\nexport enum EButtonSize {\n smallS = 'smallS',\n small = 'small',\n medium = 'medium',\n large = 'large',\n}\n\nexport enum EButtonVariant {\n default = 'default',\n secondary = 'secondary',\n}\n\nexport enum EButtonIconPosition {\n left = 'left',\n right = 'right',\n}\n\ninterface IButtonProps {\n variant?: keyof typeof EButtonVariant;\n size?: keyof typeof EButtonSize;\n icon?: any;\n width?: string;\n iconPosition?: EButtonIconPosition;\n loading?: boolean;\n disabled?: boolean;\n className?: string;\n type?: 'button' | 'submit' | 'reset';\n onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const Button = ({\n variant = EButtonVariant.default,\n size = EButtonSize.medium,\n iconPosition = EButtonIconPosition.right,\n width,\n icon: Icon,\n loading,\n disabled,\n children,\n className,\n onClick,\n type = 'button',\n}: PropsWithChildren<IButtonProps>) => {\n const classNames = useMemo(\n () =>\n classnames(\n styles.button,\n className,\n styles[`button__${variant}`],\n styles[`button__${size}`],\n styles[`button__icon_${iconPosition}`],\n {\n [styles.loading]: loading,\n [styles.withIcon]: Icon,\n }\n ),\n [variant, size, loading, Icon, disabled, className]\n );\n\n const loaderClassNames = useMemo(\n () => classnames(styles.loader, styles[`loader__${variant}`], styles[`loader__${size}`]),\n [variant, size]\n );\n\n const iconClassNames = useMemo(\n () =>\n classnames(styles.icon, styles[`icon__${variant}`], styles[`icon__${size}`], { [styles.icon__only]: !children }),\n [variant, size, children]\n );\n\n const _onClick = useCallback(\n (e?: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) return;\n\n onClick && onClick(e);\n },\n [onClick, disabled, loading]\n );\n\n return (\n <button type={type} className={classNames} disabled={disabled} onClick={_onClick} style={{ width }}>\n {children}\n {Icon && <Icon className={iconClassNames} />}\n {loading && <Loader className={loaderClassNames} />}\n </button>\n );\n};\n","export { Button } from './components/button';\n"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"sources":["webpack://dt-shared-front/webpack/universalModuleDefinition","webpack://dt-shared-front/webpack/bootstrap","webpack://dt-shared-front/external \"react\"","webpack://dt-shared-front/external \"classnames\"","webpack://dt-shared-front/./src/components/icon/icons/button-loader.svg","webpack://dt-shared-front/./src/components/button/button.tsx","webpack://dt-shared-front/./src/index.ts"],"names":["root","factory","exports","module","define","amd","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","require","_path","_path2","_defs","_extends","assign","target","arguments","length","source","apply","EButtonSize","EButtonVariant","EButtonIconPosition","props","width","height","fill","xmlns","attributeType","attributeName","type","from","to","dur","repeatCount","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","stopOpacity","Button","variant","size","medium","iconPosition","right","Icon","loading","disabled","children","className","onClick","classNames","button","withIcon","loaderClassNames","loader","iconClassNames","icon","icon__only","_onClick","e","style"],"mappings":"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","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"dt-shared-front\"] = factory();\n\telse\n\t\troot[\"dt-shared-front\"] = factory();\n})(this, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 3);\n","module.exports = require(\"react\");","module.exports = require(\"classnames\");","var _path, _path2, _defs;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgButtonLoader(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z\",\n fill: \"url(#button-loader_svg__paint0_linear)\"\n }, /*#__PURE__*/React.createElement(\"animateTransform\", {\n attributeType: \"xml\",\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 10 10\",\n to: \"360 10 10\",\n dur: \"0.75s\",\n repeatCount: \"indefinite\"\n }))), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z\",\n fill: \"url(#button-loader_svg__paint1_linear)\"\n }, /*#__PURE__*/React.createElement(\"animateTransform\", {\n attributeType: \"xml\",\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 10 10\",\n to: \"360 10 10\",\n dur: \"0.75s\",\n repeatCount: \"indefinite\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"button-loader_svg__paint0_linear\",\n x1: 14.5,\n y1: 5.5,\n x2: 16.5,\n y2: 10,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"currentColor\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"currentColor\",\n stopOpacity: 0\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"button-loader_svg__paint1_linear\",\n x1: 10,\n y1: 16,\n x2: 17,\n y2: 9.5,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"currentColor\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"currentColor\",\n stopOpacity: 0\n })))));\n}\n\nexport default SvgButtonLoader;","import React, { PropsWithChildren, useMemo, MouseEvent, useCallback } from 'react';\nimport classnames from 'classnames';\nimport Loader from '../icon/icons/button-loader.svg';\n\nimport styles from './button.module.scss';\n\nexport enum EButtonSize {\n smallS = 'smallS',\n small = 'small',\n medium = 'medium',\n large = 'large',\n}\n\nexport enum EButtonVariant {\n default = 'default',\n secondary = 'secondary',\n}\n\nexport enum EButtonIconPosition {\n left = 'left',\n right = 'right',\n}\n\ninterface IButtonProps {\n variant?: keyof typeof EButtonVariant;\n size?: keyof typeof EButtonSize;\n icon?: any;\n width?: string;\n iconPosition?: EButtonIconPosition;\n loading?: boolean;\n disabled?: boolean;\n className?: string;\n type?: 'button' | 'submit' | 'reset';\n onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const Button = ({\n variant = EButtonVariant.default,\n size = EButtonSize.medium,\n iconPosition = EButtonIconPosition.right,\n width,\n icon: Icon,\n loading,\n disabled,\n children,\n className,\n onClick,\n type = 'button',\n}: PropsWithChildren<IButtonProps>) => {\n const classNames = useMemo(\n () =>\n classnames(\n styles.button,\n className,\n styles[`button__${variant}`],\n styles[`button__${size}`],\n styles[`button__icon_${iconPosition}`],\n {\n [styles.loading]: loading,\n [styles.withIcon]: Icon,\n }\n ),\n [variant, size, loading, Icon, disabled, className]\n );\n\n const loaderClassNames = useMemo(\n () => classnames(styles.loader, styles[`loader__${variant}`], styles[`loader__${size}`]),\n [variant, size]\n );\n\n const iconClassNames = useMemo(\n () =>\n classnames(styles.icon, styles[`icon__${variant}`], styles[`icon__${size}`], { [styles.icon__only]: !children }),\n [variant, size, children]\n );\n\n const _onClick = useCallback(\n (e?: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) return;\n\n onClick && onClick(e);\n },\n [onClick, disabled, loading]\n );\n\n return (\n <button type={type} className={classNames} disabled={disabled} onClick={_onClick} style={{ width }}>\n {children}\n {Icon && <Icon className={iconClassNames} />}\n {loading && <Loader className={loaderClassNames} />}\n </button>\n );\n};\n","export { Button } from './components/button';\n"],"sourceRoot":""}
|
package/dist/main.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.X-
|
|
1
|
+
.shared__button-module__button--X-qXA_1700991620045{border-radius:12px;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.shared__button-module__button__smallS--eulj7_1700991620045{font-weight:400;padding:4px 8px;font-size:12px;gap:4px;height:32px}.shared__button-module__button__small--kA9VI_1700991620045{font-weight:400;padding:8px 12px;font-size:14px;line-height:14px;gap:4px}.shared__button-module__button__small--kA9VI_1700991620045.shared__button-module__withIcon--J7ifR_1700991620045{padding:8px}.shared__button-module__button__medium--E71L1_1700991620045{font-weight:450;padding:14px 20px;font-size:16px;line-height:16px;gap:8px}.shared__button-module__button__medium--E71L1_1700991620045.shared__button-module__withIcon--J7ifR_1700991620045{padding:12px}.shared__button-module__button__large--PG1dR_1700991620045{font-weight:600;padding:15px 24px;gap:12px;font-size:16px;line-height:22px}.shared__button-module__button__large--PG1dR_1700991620045.shared__button-module__withIcon--J7ifR_1700991620045{padding:18px}.shared__button-module__button__default--mYOHn_1700991620045{background-color:var(--button-default-color);color:var(--button-default-color-text);border:2px solid var(--button-default-color)}.shared__button-module__button__default--mYOHn_1700991620045>svg{color:var(--button-default-color-text)}@media(hover: hover){.shared__button-module__button__default--mYOHn_1700991620045:hover{background-color:var(--button-default-color--hover);border-color:var(--button-default-color--hover)}}.shared__button-module__button__default--mYOHn_1700991620045:active{background-color:var(--button-default-color--active);border-color:var(--button-default-color--active)}.shared__button-module__button__secondary--bPOB9_1700991620045{background-color:var(--button-secondary-color);color:var(--button-secondary-color-text);border:2px solid var(--button-secondary-color)}.shared__button-module__button__secondary--bPOB9_1700991620045>svg{color:var(--button-secondary-color-text)}@media(hover: hover){.shared__button-module__button__secondary--bPOB9_1700991620045:hover{background-color:var(--button-secondary-color--hover);border-color:var(--button-secondary-color--hover);color:var(--button-secondary-color-text--hover)}.shared__button-module__button__secondary--bPOB9_1700991620045:hover>svg{color:var(--button-secondary-color-text--hover)}}.shared__button-module__button__secondary--bPOB9_1700991620045:active{background-color:var(--button-secondary-color--active);border-color:var(--button-secondary-color--active);color:var(--button-secondary-color-text--active)}.shared__button-module__button__icon_left--EzgVg_1700991620045{flex-direction:row-reverse}.shared__button-module__button__icon_right--uPFlS_1700991620045{flex-direction:row}.shared__button-module__button--X-qXA_1700991620045:disabled{background-color:var(--button-default-color--disabled);border-color:var(--button-default-color--disabled);cursor:not-allowed}.shared__button-module__button--X-qXA_1700991620045:disabled:hover,.shared__button-module__button--X-qXA_1700991620045:disabled:active{background-color:var(--button-default-color--disabled)}.shared__button-module__loading--IZ3gt_1700991620045{color:rgba(0,0,0,0) !important;cursor:wait}.shared__button-module__loading--IZ3gt_1700991620045 .shared__button-module__icon--Gso9o_1700991620045{visibility:hidden}.shared__button-module__icon--Gso9o_1700991620045{vertical-align:bottom}.shared__button-module__icon__smallS--BQwBb_1700991620045{width:16px;height:16px}.shared__button-module__icon__small--SgRrC_1700991620045{width:16px;height:16px}.shared__button-module__icon__medium--3L-IQ_1700991620045{width:20px;height:20px}.shared__button-module__icon__large--WSggm_1700991620045{width:24px;height:24px}.shared__button-module__icon__default--MzXx8_1700991620045{color:var(--button-default-color-text)}.shared__button-module__icon__default--MzXx8_1700991620045>*{fill:currentColor}.shared__button-module__icon__secondary--n0RQn_1700991620045{color:var(--button-secondary-color-text)}.shared__button-module__icon__secondary--n0RQn_1700991620045>*{fill:currentColor}.shared__button-module__icon__only--fpWXx_1700991620045{margin:0}.shared__button-module__loader--v14UE_1700991620045{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.shared__button-module__loader__medium--7pr9v_1700991620045{width:24px;height:24px}.shared__button-module__loader__large--S4tzp_1700991620045{width:28px;height:28px}.shared__button-module__loader__default--5X5UT_1700991620045{color:var(--button-default-color-text)}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=main.css.map*/
|
package/dist/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://dt-shared-front/./src/components/button/button.module.scss"],"names":[],"mappings":"AAcA,
|
|
1
|
+
{"version":3,"sources":["webpack://dt-shared-front/./src/components/button/button.module.scss"],"names":[],"mappings":"AAcA,oDACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4DACE,gBACA,gBACA,eAEA,QACA,YAGF,2DACE,gBACA,iBACA,eACA,iBACA,QAGA,gHACE,YAIJ,4DACE,gBACA,kBACA,eACA,iBACA,QAEA,iHACE,aAIJ,2DACE,gBACA,kBACA,SACA,eACA,iBAEA,gHACE,aAIJ,6DACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iEACE,sCA5EsB,CA+ExB,qBACE,mEACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oEACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,+DACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,mEACE,wCA5FwB,CA+F1B,qBACE,qEACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,yEACE,iDAKN,sEACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,+DACE,2BAGF,gEACE,mBAGF,6DACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,uIAEE,sDA5J2B,CAkLjC,qDACE,+BAEA,YACA,uGACE,kBAIJ,kDACE,sBAEA,0DACE,WACA,YAGF,yDACE,WACA,YAGF,0DACE,WACA,YAGF,yDACE,WACA,YAGF,2DACE,sCAtNwB,CAuNxB,6DACE,kBAIJ,6DACE,wCAvN0B,CAwN1B,+DACE,kBAIJ,wDACE,SAIJ,oDACE,kBACA,QACA,SACA,gCAEA,4DACE,WACA,YAGF,2DACE,WACA,YAGF,6DACE,sCAzPwB,C","file":"main.css","sourcesContent":["$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n border-radius: 12px;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__smallS {\n font-weight: 400;\n padding: 4px 8px;\n font-size: 12px;\n // line-height: 16px;\n gap: 4px;\n height: 32px;\n }\n\n &__small {\n font-weight: 400;\n padding: 8px 12px;\n font-size: 14px;\n line-height: 14px;\n gap: 4px;\n\n\n &.withIcon {\n padding: 8px;\n }\n }\n\n &__medium {\n font-weight: 450;\n padding: 14px 20px;\n font-size: 16px;\n line-height: 16px;\n gap: 8px;\n\n &.withIcon {\n padding: 12px;\n }\n }\n\n &__large {\n font-weight: 600;\n padding: 15px 24px;\n gap: 12px;\n font-size: 16px;\n line-height: 22px;\n\n &.withIcon {\n padding: 18px;\n }\n }\n\n &__default {\n background-color: $color-button-default;\n color: $color-button-default-text;\n border: 2px solid $color-button-default;\n\n & > svg {\n color: $color-button-default-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-default--hover;\n border-color: $color-button-default--hover;\n }\n }\n\n &:active {\n background-color: $color-button-default--active;\n border-color: $color-button-default--active;\n }\n }\n\n &__secondary {\n background-color: $color-button-secondary;\n color: $color-button-secondary-text;\n border: 2px solid $color-button-secondary;\n\n & > svg {\n color: $color-button-secondary-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-secondary--hover;\n border-color: $color-button-secondary--hover;\n color: var(--button-secondary-color-text--hover);\n\n & > svg {\n color: var(--button-secondary-color-text--hover);\n }\n }\n }\n\n &:active {\n background-color: $color-button-secondary--active;\n border-color: $color-button-secondary--active;\n color: var(--button-secondary-color-text--active);\n }\n }\n\n // &__fourth {\n // background-color: $color-button-fourth;\n // color: $color-button-fourth-text;\n // border: 2px solid $color-button-fourth-text;\n\n // & > svg {\n // color: $color-button-default-text;\n // }\n\n // &:hover {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n\n // &:active {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n // }\n\n &__icon_left {\n flex-direction: row-reverse;\n }\n\n &__icon_right {\n flex-direction: row;\n }\n\n &:disabled {\n background-color: $color-button-default--disabled;\n border-color: $color-button-default--disabled;\n cursor: not-allowed;\n\n &:hover,\n &:active {\n background-color: $color-button-default--disabled;\n }\n }\n}\n\n// @media (max-width: 1023px) {\n// .button {\n// &__small {\n// padding: 8px;\n// }\n\n// &__medium {\n// padding: 10px;\n// font-size: 16px;\n// }\n\n// &__large {\n// padding: 12px;\n// }\n// }\n// }\n\n.loading {\n color: transparent !important;\n\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__smallS {\n width: 16px;\n height: 16px;\n }\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__default {\n color: $color-button-default-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__secondary {\n color: $color-button-secondary-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__only {\n margin: 0;\n }\n}\n\n.loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &__medium {\n width: 24px;\n height: 24px;\n }\n\n &__large {\n width: 28px;\n height: 28px;\n }\n\n &__default {\n color: $color-button-default-text;\n }\n}\n"],"sourceRoot":""}
|