sag_components 1.0.146 → 1.0.147

package/dist/stories/components/Datepicker.js

@@ -1,31 +1,37 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Datepicker = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _DatepickerStyle = require("./Datepicker.style.js");
 var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
 var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _DatePicker = require("@mui/x-date-pickers/DatePicker");
 var _demo = require("@mui/x-date-pickers/internals/demo");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _CalendarIcon = require("./icons/CalendarIcon.jsx");
 /**
  *  SAG Datepicker
  */
 var Datepicker = function Datepicker(_ref) {
-  var onChange = _ref.onChange,
-    shape = _ref.shape,
-    _ref$width = _ref.width,
+  var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width,
-    text = _ref.text;
+    text = _ref.text,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "MMM DD, YYYY" : _ref$format,
+    shape = _ref.shape,
+    onChange = _ref.onChange;
   /**
    *  SAG Datepicker
    */
   var onChangeHandler = function onChangeHandler(event, newValue) {
     onChange({
-      syntheticBaseEvent: event,
+      event: event,
       newValue: newValue
     });
   };
@@ -35,6 +41,7 @@ var Datepicker = function Datepicker(_ref) {
       return {
         "& .MuiOutlinedInput-root": {
           borderRadius: "12px",
+          width: width,
           legend: {
             marginLeft: "6px"
           }
@@ -58,18 +65,27 @@ var Datepicker = function Datepicker(_ref) {
       return null;
     }
   };
+  var _React$useState = _react.default.useState((0, _dayjs.default)("2022-04-17")),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
   return /*#__PURE__*/_react.default.createElement(_DatepickerStyle.DatepickerContainer, {
     width: width
   }, /*#__PURE__*/_react.default.createElement(_LocalizationProvider.LocalizationProvider, {
     dateAdapter: _AdapterDayjs.AdapterDayjs
   }, /*#__PURE__*/_react.default.createElement(_demo.DemoContainer, {
-    components: ['DatePicker']
+    components: ["DatePicker"]
   }, /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, {
-    onChange: function onChange(event, newValue) {
-      onChangeHandler(event, newValue);
+    value: value,
+    onChange: function onChange(newValue) {
+      return setValue(newValue);
     },
     sx: getTextFieldStyle(),
-    label: text
+    label: text,
+    slots: {
+      openPickerIcon: _CalendarIcon.CalendarIcon
+    },
+    format: format
   }))));
 };
 exports.Datepicker = Datepicker;

package/dist/stories/components/InfoIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.InfoIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var InfoIcon = function InfoIcon(_ref) {
+  var clicked = _ref.clicked;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: clicked ? "white" : "black",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "feather feather-info"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "16",
+    x2: "12",
+    y2: "12"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "8",
+    x2: "12",
+    y2: "8"
+  }));
+};
+exports.InfoIcon = InfoIcon;
+var _default = InfoIcon;
+exports.default = _default;

package/dist/stories/components/icons/CalendarIcon.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CalendarIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var CalendarIcon = function CalendarIcon(_ref) {
+  var clicked = _ref.clicked,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "14" : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "14" : _ref$height;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 11 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.625 0C2.8125 0 3 0.1875 3 0.375V1.5H7.5V0.375C7.5 0.1875 7.66406 0 7.875 0C8.0625 0 8.25 0.1875 8.25 0.375V1.5H9C9.82031 1.5 10.5 2.17969 10.5 3V3.75V4.5V10.5C10.5 11.3438 9.82031 12 9 12H1.5C0.65625 12 0 11.3438 0 10.5V4.5V3.75V3C0 2.17969 0.65625 1.5 1.5 1.5H2.25V0.375C2.25 0.1875 2.41406 0 2.625 0ZM9.75 4.5H7.3125V6.1875H9.75V4.5ZM9.75 6.9375H7.3125V8.8125H9.75V6.9375ZM9.75 9.5625H7.3125V11.25H9C9.39844 11.25 9.75 10.9219 9.75 10.5V9.5625ZM6.5625 8.8125V6.9375H3.9375V8.8125H6.5625ZM3.9375 9.5625V11.25H6.5625V9.5625H3.9375ZM3.1875 8.8125V6.9375H0.75V8.8125H3.1875ZM0.75 9.5625V10.5C0.75 10.9219 1.07812 11.25 1.5 11.25H3.1875V9.5625H0.75ZM0.75 6.1875H3.1875V4.5H0.75V6.1875ZM3.9375 6.1875H6.5625V4.5H3.9375V6.1875ZM9 2.25H1.5C1.07812 2.25 0.75 2.60156 0.75 3V3.75H9.75V3C9.75 2.60156 9.39844 2.25 9 2.25Z",
+    fill: "#212121"
+  }));
+};
+exports.CalendarIcon = CalendarIcon;
+var _default = CalendarIcon;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.146",
+  "version": "1.0.147",
   "description": "",
   "main": "dist/index.js",
   "scripts": {