@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0

package/dist/ColorPicker/Picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["Picker","onChange","rgb","hsl","hsv","hex","classes","useStyles","SaturationPointer","useCallback","clsx","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue","ColorWrap"],"sources":["../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n  const classes = useStyles();\n\n  const SaturationPointer = useCallback(\n    () => <div className={clsx(classes.saturationPointer)} />,\n    [classes.saturationPointer]\n  );\n  const HueSlider = useCallback(\n    () => <div className={clsx(classes.hueSlider)} />,\n    [classes.hueSlider]\n  );\n\n  return (\n    <>\n      <div className={clsx(classes.pickers)}>\n        <div className={clsx(classes.saturation)}>\n          <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n        </div>\n        <div className={clsx(classes.hue)}>\n          <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n        </div>\n      </div>\n      <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n    </>\n  );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAPA;AASA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;EAAA,IAApBC,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACnD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;EAEA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EACxB;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,OAAO,CAACK,iBAAb;IAAhB,EAAN;EAAA,CADwB,EAExB,CAACL,OAAO,CAACK,iBAAT,CAFwB,CAA1B;EAIA,IAAMC,SAAS,GAAG,IAAAH,kBAAA,EAChB;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,OAAO,CAACO,SAAb;IAAhB,EAAN;EAAA,CADgB,EAEhB,CAACP,OAAO,CAACO,SAAT,CAFgB,CAAlB;EAKA,oBACE;IAAA,wBACE;MAAK,SAAS,EAAE,IAAAH,aAAA,EAAKJ,OAAO,CAACQ,OAAb,CAAhB;MAAA,wBACE;QAAK,SAAS,EAAE,IAAAJ,aAAA,EAAKJ,OAAO,CAACS,UAAb,CAAhB;QAAA,uBACE,qBAAC,kBAAD;UAAY,GAAG,EAAEZ,GAAjB;UAAsB,GAAG,EAAEC,GAA3B;UAAgC,QAAQ,EAAEH,QAA1C;UAAoD,OAAO,EAAEO;QAA7D;MADF,EADF,eAIE;QAAK,SAAS,EAAE,IAAAE,aAAA,EAAKJ,OAAO,CAACU,GAAb,CAAhB;QAAA,uBACE,qBAAC,WAAD;UAAK,SAAS,EAAC,UAAf;UAA0B,GAAG,EAAEb,GAA/B;UAAoC,QAAQ,EAAEF,QAA9C;UAAwD,OAAO,EAAEW;QAAjE;MADF,EAJF;IAAA,EADF,eASE,qBAAC,eAAD;MAAQ,GAAG,EAAEV,GAAb;MAAkB,GAAG,EAAEC,GAAvB;MAA4B,GAAG,EAAEE,GAAjC;MAAsC,QAAQ,EAAEJ;IAAhD,EATF;EAAA,EADF;AAaD,CAzBD;;eA2Be,IAAAgB,iBAAA,EAAUjB,MAAV,C"}
+{"version":3,"file":"Picker.js","names":["Picker","onChange","rgb","hsl","hsv","hex","classes","useStyles","SaturationPointer","useCallback","clsx","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue","ColorWrap"],"sources":["../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n  const classes = useStyles();\n\n  const SaturationPointer = useCallback(\n    () => <div className={clsx(classes.saturationPointer)} />,\n    [classes.saturationPointer]\n  );\n  const HueSlider = useCallback(\n    () => <div className={clsx(classes.hueSlider)} />,\n    [classes.hueSlider]\n  );\n\n  return (\n    <>\n      <div className={clsx(classes.pickers)}>\n        <div className={clsx(classes.saturation)}>\n          <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n        </div>\n        <div className={clsx(classes.hue)}>\n          <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n        </div>\n      </div>\n      <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n    </>\n  );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":";;;;;;;;;;;;;;AAEA;AACA;AACA;AAEA;AACA;AAAiC;AAAA;AAAA;AAPjC;;AASA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;EAC5C,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAE3B,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACnC;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAI,EAACJ,OAAO,CAACK,iBAAiB;IAAE,EAAG;EAAA,GACzD,CAACL,OAAO,CAACK,iBAAiB,CAAC,CAC5B;EACD,IAAMC,SAAS,GAAG,IAAAH,kBAAW,EAC3B;IAAA,oBAAM;MAAK,SAAS,EAAE,IAAAC,aAAI,EAACJ,OAAO,CAACO,SAAS;IAAE,EAAG;EAAA,GACjD,CAACP,OAAO,CAACO,SAAS,CAAC,CACpB;EAED,oBACE;IAAA,wBACE;MAAK,SAAS,EAAE,IAAAH,aAAI,EAACJ,OAAO,CAACQ,OAAO,CAAE;MAAA,wBACpC;QAAK,SAAS,EAAE,IAAAJ,aAAI,EAACJ,OAAO,CAACS,UAAU,CAAE;QAAA,uBACvC,qBAAC,kBAAU;UAAC,GAAG,EAAEZ,GAAI;UAAC,GAAG,EAAEC,GAAI;UAAC,QAAQ,EAAEH,QAAS;UAAC,OAAO,EAAEO;QAAkB;MAAG,EAC9E,eACN;QAAK,SAAS,EAAE,IAAAE,aAAI,EAACJ,OAAO,CAACU,GAAG,CAAE;QAAA,uBAChC,qBAAC,WAAG;UAAC,SAAS,EAAC,UAAU;UAAC,GAAG,EAAEb,GAAI;UAAC,QAAQ,EAAEF,QAAS;UAAC,OAAO,EAAEW;QAAU;MAAG,EAC1E;IAAA,EACF,eACN,qBAAC,eAAM;MAAC,GAAG,EAAEV,GAAI;MAAC,GAAG,EAAEC,GAAI;MAAC,GAAG,EAAEE,GAAI;MAAC,QAAQ,EAAEJ;IAAS,EAAG;EAAA,EAC3D;AAEP,CAAC;AAAC,eAEa,IAAAgB,iBAAS,EAACjB,MAAM,CAAC;AAAA"}

package/dist/ColorPicker/Picker/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Picker.default;
   }
 });
-
 var _Picker = _interopRequireDefault(require("./Picker"));
 //# sourceMappingURL=index.js.map

package/dist/ColorPicker/Picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ColorPicker/Picker/index.js"],"sourcesContent":["export { default } from \"./Picker\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ColorPicker/Picker/index.js"],"sourcesContent":["export { default } from \"./Picker\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/ColorPicker/Picker/styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styles = require("@mui/styles");
-
 var styles = (0, _styles.makeStyles)(function () {
   return {
     pickers: {

package/dist/ColorPicker/Picker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  pickers: {\n    display: \"flex\",\n  },\n  saturation: {\n    width: 180,\n    height: 180,\n    marginRight: 5,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  saturationPointer: {\n    width: \"6px\",\n    height: \"6px\",\n    boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)`,\n    borderRadius: \"50%\",\n    transform: \"translate(-3px, -3px)\",\n  },\n  sliders: {\n    padding: \"4px 0\",\n    flex: \"1\",\n  },\n  hue: {\n    width: 15,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  hueSlider: {\n    width: 12,\n    height: 6,\n    background: \"#fff\",\n    boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n    marginLeft: 1,\n    borderRadius: \"1px\",\n    transform: \"translate(0, -2px)\",\n  },\n  double: {\n    flex: \"2\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CADsB;IAI/BC,UAAU,EAAE;MACVC,KAAK,EAAE,GADG;MAEVC,MAAM,EAAE,GAFE;MAGVC,WAAW,EAAE,CAHH;MAIVC,QAAQ,EAAE,UAJA;MAKVC,QAAQ,EAAE;IALA,CAJmB;IAW/BC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KADU;MAEjBC,MAAM,EAAE,KAFS;MAGjBK,SAAS,6FAHQ;MAKjBC,YAAY,EAAE,KALG;MAMjBC,SAAS,EAAE;IANM,CAXY;IAmB/BC,OAAO,EAAE;MACPC,OAAO,EAAE,OADF;MAEPC,IAAI,EAAE;IAFC,CAnBsB;IAuB/BC,GAAG,EAAE;MACHZ,KAAK,EAAE,EADJ;MAEHG,QAAQ,EAAE,UAFP;MAGHC,QAAQ,EAAE;IAHP,CAvB0B;IA4B/BS,SAAS,EAAE;MACTb,KAAK,EAAE,EADE;MAETC,MAAM,EAAE,CAFC;MAGTa,UAAU,EAAE,MAHH;MAITR,SAAS,EAAE,0BAJF;MAKTS,UAAU,EAAE,CALH;MAMTR,YAAY,EAAE,KANL;MAOTC,SAAS,EAAE;IAPF,CA5BoB;IAqC/BQ,MAAM,EAAE;MACNL,IAAI,EAAE;IADA;EArCuB,CAAP;AAAA,CAAX,CAAf;eA0CehB,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  pickers: {\n    display: \"flex\",\n  },\n  saturation: {\n    width: 180,\n    height: 180,\n    marginRight: 5,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  saturationPointer: {\n    width: \"6px\",\n    height: \"6px\",\n    boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)`,\n    borderRadius: \"50%\",\n    transform: \"translate(-3px, -3px)\",\n  },\n  sliders: {\n    padding: \"4px 0\",\n    flex: \"1\",\n  },\n  hue: {\n    width: 15,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  hueSlider: {\n    width: 12,\n    height: 6,\n    background: \"#fff\",\n    boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n    marginLeft: 1,\n    borderRadius: \"1px\",\n    transform: \"translate(0, -2px)\",\n  },\n  double: {\n    flex: \"2\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAU,EAAC;EAAA,OAAO;IAC/BC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE,KAAK;MACbK,SAAS,6FAC0B;MACnCC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR,CAAC;IACDC,GAAG,EAAE;MACHZ,KAAK,EAAE,EAAE;MACTG,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDS,SAAS,EAAE;MACTb,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTa,UAAU,EAAE,MAAM;MAClBR,SAAS,EAAE,0BAA0B;MACrCS,UAAU,EAAE,CAAC;MACbR,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDQ,MAAM,EAAE;MACNL,IAAI,EAAE;IACR;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,eAEWhB,MAAM;AAAA"}

package/dist/ColorPicker/PresetColors/PresetColors.js

@@ -1,59 +1,38 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SketchPresetColors = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.array.concat.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _common = require("react-color/lib/components/common");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var SketchPresetColors = function SketchPresetColors(_ref) {
   var colors = _ref.colors,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
   var classes = (0, _styles.default)();
-
   var handleClick = function handleClick(hex, e) {
     onClick({
       hex: hex,
       source: "hex"
     }, e);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classes.colors,
     children: colors.map(function (colorObjOrString) {
@@ -74,7 +53,6 @@ var SketchPresetColors = function SketchPresetColors(_ref) {
     })
   });
 };
-
 exports.SketchPresetColors = SketchPresetColors;
 process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
   colors: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({

package/dist/ColorPicker/PresetColors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF,MAAxB;IAAA,UACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;QAAEE,KAAK,EAAEF;MAAT,CAAvC,GAAqEA,gBADvE;MAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;MACA,oBACE;QAAe,SAAS,EAAEX,OAAO,CAACY,UAAlC;QAAA,uBACE,qBAAC,cAAD,kCACMJ,CADN;UAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;UAGE,OAAO,EAAEX,WAHX;UAIE,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;UADC;QAJd;MADF,GAAUC,GAAV,CADF;IAYD,CAhBA;EADH,EADF;AAqBD,CAlCM;;;AAoCP,wCAAAb,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}
+{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAEA;AAAiC;AAAA;AAAA;AAE1B,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAAuC;EAAA,IAAjCC,MAAM,QAANA,MAAM;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;EAC7D,IAAMC,OAAO,GAAG,IAAAC,eAAS,GAAE;EAE3B,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAEC,CAAC,EAAK;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GAAG;MACHE,MAAM,EAAE;IACV,CAAC,EACDD,CAAC,CACF;EACH,CAAC;EAED,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF,MAAO;IAAA,UAC5BA,MAAM,CAACQ,GAAG,CAAC,UAACC,gBAAgB,EAAK;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAgB,KAAK,QAAQ,GAAG;QAAEE,KAAK,EAAEF;MAAiB,CAAC,GAAGA,gBAAgB;MACvF,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAK,SAAGD,CAAC,CAACG,KAAK,IAAI,EAAE,CAAE;MACxC,oBACE;QAAe,SAAS,EAAEX,OAAO,CAACY,UAAW;QAAA,uBAC3C,qBAAC,cAAM,kCACDJ,CAAC;UACL,SAAS,EAAER,OAAO,CAACa,MAAO;UAC1B,OAAO,EAAEX,WAAY;UACrB,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAK;UAChE;QAAE;MACF,GARMC,GAAG,CASP;IAEV,CAAC;EAAC,EACE;AAEV,CAAC;AAAC;AAEF,wCAAAb,kBAAkB,CAACkB,SAAS,GAAG;EAC7BjB,MAAM,EAAEkB,kBAAS,CAACC,OAAO,CACvBD,kBAAS,CAACE,SAAS,CAAC,CAClBF,kBAAS,CAACG,MAAM,EAChBH,kBAAS,CAACI,KAAK,CAAC;IACdX,KAAK,EAAEO,kBAAS,CAACG,MAAM;IACvBR,KAAK,EAAEK,kBAAS,CAACG;EACnB,CAAC,CAAC,CACH,CAAC,CACH,CAACE,UAAU;EACZtB,OAAO,EAAEiB,kBAAS,CAACM,IAAI,CAACD;AAC1B,CAAC;AAAC,eAEaxB,kBAAkB;AAAA"}

package/dist/ColorPicker/PresetColors/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _PresetColors.default;
   }
 });
-
 var _PresetColors = _interopRequireDefault(require("./PresetColors"));
 //# sourceMappingURL=index.js.map

package/dist/ColorPicker/PresetColors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ColorPicker/PresetColors/index.js"],"sourcesContent":["export { default } from \"./PresetColors\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ColorPicker/PresetColors/index.js"],"sourcesContent":["export { default } from \"./PresetColors\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/ColorPicker/PresetColors/styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styles = require("@mui/styles");
-
 var styles = (0, _styles.makeStyles)(function () {
   return {
     colors: {

package/dist/ColorPicker/PresetColors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAU,EAAC;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE,WAAW;MACnBC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVH,KAAK,EAAE,MAAM;MACbI,MAAM,EAAE,MAAM;MACdH,MAAM,EAAE;IACV,CAAC;IACDI,MAAM,EAAE;MACNC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,eAEWb,MAAM;AAAA"}

package/dist/ColorPicker/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _ColorPicker.default;
   }
 });
-
 var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
 //# sourceMappingURL=index.js.map

package/dist/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/ColorPicker/index.js"],"sourcesContent":["export { default } from \"./ColorPicker\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ColorPicker/index.js"],"sourcesContent":["export { default } from \"./ColorPicker\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/ColorPicker/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles() {
   return {
     headerColorValue: {
@@ -40,7 +39,6 @@ var styles = function styles() {
     description: {}
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/ColorPicker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","headerColorValue","textTransform","headerColorIcon","width","marginLeft","panel","minWidth","display","justifyContent","padding","colorPicker","presetColors","borderTop","labelContainer","alignItems","label","paddingBottom","description"],"sources":["../../src/ColorPicker/styles.js"],"sourcesContent":["const styles = () => ({\n  headerColorValue: {\n    textTransform: \"uppercase\",\n  },\n  headerColorIcon: {\n    width: 24,\n    \"& svg\": {\n      marginLeft: 0,\n    },\n  },\n  panel: {\n    width: \"100%\",\n    minWidth: 240,\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: \"20px 15px 20px 20px\",\n  },\n  colorPicker: {\n    width: 205,\n  },\n  presetColors: {\n    borderTop: \"none !important\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,gBAAgB,EAAE;MAChBC,aAAa,EAAE;IADC,CADE;IAIpBC,eAAe,EAAE;MACfC,KAAK,EAAE,EADQ;MAEf,SAAS;QACPC,UAAU,EAAE;MADL;IAFM,CAJG;IAUpBC,KAAK,EAAE;MACLF,KAAK,EAAE,MADF;MAELG,QAAQ,EAAE,GAFL;MAGLC,OAAO,EAAE,MAHJ;MAILC,cAAc,EAAE,QAJX;MAKLC,OAAO,EAAE;IALJ,CAVa;IAiBpBC,WAAW,EAAE;MACXP,KAAK,EAAE;IADI,CAjBO;IAoBpBQ,YAAY,EAAE;MACZC,SAAS,EAAE;IADC,CApBM;IAuBpBC,cAAc,EAAE;MACdN,OAAO,EAAE,MADK;MAEdO,UAAU,EAAE;IAFE,CAvBI;IA2BpBC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELT,OAAO,EAAE;IAFJ,CA3Ba;IA+BpBU,WAAW,EAAE;EA/BO,CAAP;AAAA,CAAf;;eAkCelB,M"}
+{"version":3,"file":"styles.js","names":["styles","headerColorValue","textTransform","headerColorIcon","width","marginLeft","panel","minWidth","display","justifyContent","padding","colorPicker","presetColors","borderTop","labelContainer","alignItems","label","paddingBottom","description"],"sources":["../../src/ColorPicker/styles.js"],"sourcesContent":["const styles = () => ({\n  headerColorValue: {\n    textTransform: \"uppercase\",\n  },\n  headerColorIcon: {\n    width: 24,\n    \"& svg\": {\n      marginLeft: 0,\n    },\n  },\n  panel: {\n    width: \"100%\",\n    minWidth: 240,\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: \"20px 15px 20px 20px\",\n  },\n  colorPicker: {\n    width: 205,\n  },\n  presetColors: {\n    borderTop: \"none !important\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,gBAAgB,EAAE;MAChBC,aAAa,EAAE;IACjB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE,EAAE;MACT,OAAO,EAAE;QACPC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,MAAM;MACbG,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXP,KAAK,EAAE;IACT,CAAC;IACDQ,YAAY,EAAE;MACZC,SAAS,EAAE;IACb,CAAC;IACDC,cAAc,EAAE;MACdN,OAAO,EAAE,MAAM;MACfO,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBT,OAAO,EAAE;IACX,CAAC;IACDU,WAAW,EAAE,CAAC;EAChB,CAAC;AAAA,CAAC;AAAC,eAEYlB,MAAM;AAAA"}

package/dist/Drawer/Drawer.js

@@ -1,58 +1,33 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("core-js/modules/es.string.anchor.js");
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Close;
-
 var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * The Drawer component provides a foundation to create a sliding pane.
  * It only provides the pane with a close button, the rest of the
@@ -60,23 +35,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvDrawer = function HvDrawer(_ref) {
   var className = _ref.className,
-      classes = _ref.classes,
-      id = _ref.id,
-      children = _ref.children,
-      open = _ref.open,
-      _onClose = _ref.onClose,
-      _ref$anchor = _ref.anchor,
-      anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
-      _ref$buttonTitle = _ref.buttonTitle,
-      buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    classes = _ref.classes,
+    id = _ref.id,
+    children = _ref.children,
+    open = _ref.open,
+    _onClose = _ref.onClose,
+    _ref$anchor = _ref.anchor,
+    anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
+    _ref$buttonTitle = _ref.buttonTitle,
+    buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var closeButtonDisplay = function closeButtonDisplay() {
     return _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
       role: "presentation"
     }));
   };
-
   var CloseButtonTooltipWrapper = buttonTitle ? (0, _uikitReactCore.withTooltip)(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Drawer, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(classes.root, className),
@@ -107,18 +80,15 @@ var HvDrawer = function HvDrawer(_ref) {
     }), children]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -127,33 +97,27 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
      * Style applied to the root of the component.
      */
     root: _propTypes.default.string,
-
     /**
      * Style applied to the background (outside) of the component.
      */
     background: _propTypes.default.string,
-
     /**
      * Style applied to the component (root).
      */
     paper: _propTypes.default.string,
-
     /**
      * Style applied to the close button.
      */
     closeButton: _propTypes.default.string
   }).isRequired,
-
   /**
    * Components of the Drawer.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Current state of the Drawer.
    */
   open: _propTypes.default.bool.isRequired,
-
   /**
    * Function executed on close.
    * Extended from Modal from material-ui
@@ -162,21 +126,17 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: _propTypes.default.func.isRequired,
-
   /**
    * The side the drawer opens from.
    */
   anchor: _propTypes.default.oneOf(["left", "top", "right", "bottom"]),
-
   /**
    * Title for the button close.
    */
   buttonTitle: _propTypes.default.string
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDrawer"
 })(HvDrawer);
-
 exports.default = _default;
 //# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/Drawer/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Drawer.default;
   }
 });
-
 var _Drawer = _interopRequireDefault(require("./Drawer"));
 //# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.js"],"sourcesContent":["export { default } from \"./Drawer\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.js"],"sourcesContent":["export { default } from \"./Drawer\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Drawer/styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _material = require("@mui/material");
-
 var styles = function styles(theme) {
   return {
     background: {
@@ -27,7 +25,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,eAAA,EAAM,IAAAC,kBAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,eAAK,EAAC,IAAAC,kBAAQ,EAACH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,CAAC,EAAE,GAAG;IACpE,CAAC;IACDC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK,CAAE;MAClDC,OAAO,EAAE,KAAK;MACdC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEZ,KAAK,CAACI,EAAE,CAACS,OAAO,CAAC,CAAC;IAC/B,CAAC;IACDC,WAAW,EAAE;MACXJ,OAAO,EAAE,CAAC;MACVK,QAAQ,EAAE,SAAS;MACnBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAEjB,KAAK,CAACkB,SAAS,CAAC,IAAI,CAAC;MAC1BC,KAAK,EAAEnB,KAAK,CAACkB,SAAS,CAAC,IAAI;IAC7B;EACF,CAAC;AAAA,CAAC;AAAC,eAEYnB,MAAM;AAAA"}