dt-shared-front 1.0.13 → 1.0.14
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 +3 -0
- package/dist/main.css.map +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
exports["dt-shared-front"]=function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e){t.exports=require("react")},function(t,e){t.exports=require("classnames")},function(t,e,n){"use strict";n.r(e);var o,r,a,i=n(0),l=n.n(i),c=n(1),u=n.n(c);function s(){return(s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}var d,_,f,m=function(t){return i.createElement("svg",s({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),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__paint0_linear)"},i.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),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__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})))))},p={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=="};!function(t){t.smallS="smallS",t.small="small",t.medium="medium",t.large="large"}(d||(d={})),function(t){t.default="default",t.secondary="secondary"}(_||(_={})),function(t){t.left="left",t.right="right"}(f||(f={}));var b=function(t){var e=t.variant,n=void 0===e?_.default:e,o=t.size,r=void 0===o?d.medium:o,a=t.iconPosition,c=void 0===a?f.right:a,s=t.width,b=t.icon,g=t.loading,y=t.disabled,v=t.children,h=t.className,O=t.onClick,E=t.type,w=void 0===E?"button":E,x=Object(i.useMemo)((function(){var t;return u()(p.button,h,p["button__".concat(n)],p["button__".concat(r)],p["button__icon_".concat(c)],((t={})[p.loading]=g,t[p.withIcon]=b,t))}),[n,r,g,b,y,h]),S=Object(i.useMemo)((function(){return u()(p.loader,p["loader__".concat(n)],p["loader__".concat(r)])}),[n,r]),j=Object(i.useMemo)((function(){var t;return u()(p.icon,p["icon__".concat(n)],p["icon__".concat(r)],((t={})[p.icon__only]=!v,t))}),[n,r,v]),A=Object(i.useCallback)((function(t){y||g||O&&O(t)}),[O,y,g]);return l.a.createElement("button",{type:w,className:x,disabled:y,onClick:A,style:{width:s}},v,b&&l.a.createElement(b,{className:j}),g&&l.a.createElement(m,{className:S}))};n.d(e,"Button",(function(){return b}))}]);
|
|
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/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 = 2);\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":""}
|
|
1
|
+
{"version":3,"sources":["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/components/button/button.module.scss?f92e","webpack://dt-shared-front/./src/index.ts"],"names":["installedModules","__webpack_require__","moduleId","exports","module","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","this","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":[" \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 = 2);\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","// extracted by mini-css-extract-plugin\nexport default {\"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==\"};","export { Button } from './components/button';\n"],"sourceRoot":""}
|
package/dist/main.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.X-qXAjOlRK-MvEYzf\+vJhw\=\={border-radius:12px;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.eulj795QGDKOUqnlkwRcjg\=\={font-weight:400;padding:4px 8px;font-size:12px;gap:4px;height:32px}.kA9VI1\+kphZMg\+k4vwaA0A\=\={font-weight:400;padding:8px 12px;font-size:14px;line-height:14px;gap:4px}.kA9VI1\+kphZMg\+k4vwaA0A\=\=.J7ifRezUPIpp0n8u5ey6eA\=\={padding:8px}.E71L1YsDYOk9r7JoN8iRtA\=\={font-weight:450;padding:14px 20px;font-size:16px;line-height:16px;gap:8px}.E71L1YsDYOk9r7JoN8iRtA\=\=.J7ifRezUPIpp0n8u5ey6eA\=\={padding:12px}.PG1dRW1\+2uEbSJL4AczvWA\=\={font-weight:600;padding:15px 24px;gap:12px;font-size:16px;line-height:22px}.PG1dRW1\+2uEbSJL4AczvWA\=\=.J7ifRezUPIpp0n8u5ey6eA\=\={padding:18px}.mYOHniHZN\+wzW6HIbZsnIg\=\={background-color:var(--button-default-color);color:var(--button-default-color-text);border:2px solid var(--button-default-color)}.mYOHniHZN\+wzW6HIbZsnIg\=\=>svg{color:var(--button-default-color-text)}@media(hover: hover){.mYOHniHZN\+wzW6HIbZsnIg\=\=:hover{background-color:var(--button-default-color--hover);border-color:var(--button-default-color--hover)}}.mYOHniHZN\+wzW6HIbZsnIg\=\=:active{background-color:var(--button-default-color--active);border-color:var(--button-default-color--active)}.bPOB9hdxMHyvlNMblpaD2w\=\={background-color:var(--button-secondary-color);color:var(--button-secondary-color-text);border:2px solid var(--button-secondary-color)}.bPOB9hdxMHyvlNMblpaD2w\=\=>svg{color:var(--button-secondary-color-text)}@media(hover: hover){.bPOB9hdxMHyvlNMblpaD2w\=\=:hover{background-color:var(--button-secondary-color--hover);border-color:var(--button-secondary-color--hover);color:var(--button-secondary-color-text--hover)}.bPOB9hdxMHyvlNMblpaD2w\=\=:hover>svg{color:var(--button-secondary-color-text--hover)}}.bPOB9hdxMHyvlNMblpaD2w\=\=:active{background-color:var(--button-secondary-color--active);border-color:var(--button-secondary-color--active);color:var(--button-secondary-color-text--active)}.EzgVgoT-fH3ME93vMPlWkQ\=\={flex-direction:row-reverse}.uPFlSZFrv33G6Syy-kE8BQ\=\={flex-direction:row}.X-qXAjOlRK-MvEYzf\+vJhw\=\=:disabled{background-color:var(--button-default-color--disabled);border-color:var(--button-default-color--disabled);cursor:not-allowed}.X-qXAjOlRK-MvEYzf\+vJhw\=\=:disabled:hover,.X-qXAjOlRK-MvEYzf\+vJhw\=\=:disabled:active{background-color:var(--button-default-color--disabled)}.IZ3gtInjJxgFyjTmoON\+MA\=\={color:rgba(0,0,0,0) !important;cursor:wait}.IZ3gtInjJxgFyjTmoON\+MA\=\= .Gso9o47aQw7gpIb6flgPow\=\={visibility:hidden}.Gso9o47aQw7gpIb6flgPow\=\={vertical-align:bottom}.BQwBbNv\+45pKaoDXKLrnZQ\=\={width:16px;height:16px}.SgRrCfWD7dbhNcWRDLF41w\=\={width:16px;height:16px}._3L-IQ9YS\+6jmHw0pc6ZnCQ\=\={width:20px;height:20px}.WSggmWymdxGEd6uWzS8iPA\=\={width:24px;height:24px}.MzXx8SzLHp6qmfyu-p4HIA\=\={color:var(--button-default-color-text)}.MzXx8SzLHp6qmfyu-p4HIA\=\=>*{fill:currentColor}.n0RQniAXmk-2hu5UTGAkCA\=\={color:var(--button-secondary-color-text)}.n0RQniAXmk-2hu5UTGAkCA\=\=>*{fill:currentColor}.fpWXxEzExVJNFtiBu-YVhA\=\={margin:0}.v14UEAGpVOAxK8oK9tZ32g\=\={position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}._7pr9vlHwvaNj0kihq3zwcQ\=\={width:24px;height:24px}.S4tzpabhSuMX6nxSoa3cxQ\=\={width:28px;height:28px}._5X5UT-TFHZe-BiWWUwq7og\=\={color:var(--button-default-color-text)}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=main.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://dt-shared-front/./src/components/button/button.module.scss"],"names":[],"mappings":"AAcA,6BACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4BACE,gBACA,gBACA,eAEA,QACA,YAGF,8BACE,gBACA,iBACA,eACA,iBACA,QAGA,yDACE,YAIJ,4BACE,gBACA,kBACA,eACA,iBACA,QAEA,uDACE,aAIJ,6BACE,gBACA,kBACA,SACA,eACA,iBAEA,wDACE,aAIJ,6BACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iCACE,sCA5EsB,CA+ExB,qBACE,mCACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oCACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,4BACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,gCACE,wCA5FwB,CA+F1B,qBACE,kCACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,sCACE,iDAKN,mCACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,4BACE,2BAGF,4BACE,mBAGF,sCACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,yFAEE,sDA5J2B,CAkLjC,6BACE,+BAEA,YACA,yDACE,kBAIJ,4BACE,sBAEA,6BACE,WACA,YAGF,4BACE,WACA,YAGF,8BACE,WACA,YAGF,4BACE,WACA,YAGF,4BACE,sCAtNwB,CAuNxB,8BACE,kBAIJ,4BACE,wCAvN0B,CAwN1B,8BACE,kBAIJ,4BACE,SAIJ,4BACE,kBACA,QACA,SACA,gCAEA,6BACE,WACA,YAGF,4BACE,WACA,YAGF,6BACE,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":""}
|