sprint-asia-custom-component 0.1.71 → 0.1.73

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 CHANGED
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  // THIS FILE IS AUTO GENERATED
102
- function PiCheckBold(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"}}]})(props);}function PiXBold(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"}}]})(props);}function PiBellDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"}}]})(props);}function PiCalendarDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"}}]})(props);}function PiDoorOpenDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M200,40V224H168V40a8,8,0,0,0-8-8h32A8,8,0,0,1,200,40Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M232,216H208V40a16,16,0,0,0-16-16H64A16,16,0,0,0,48,40V216H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16ZM192,40V216H176V40ZM64,40h96V216H64Zm80,92a12,12,0,1,1-12-12A12,12,0,0,1,144,132Z"}}]})(props);}function PiFileArrowUpDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-77.66a8,8,0,0,1-11.32,11.32L136,139.31V184a8,8,0,0,1-16,0V139.31l-10.34,10.35a8,8,0,0,1-11.32-11.32l24-24a8,8,0,0,1,11.32,0Z"}}]})(props);}function PiFileDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"}}]})(props);}function PiFunnelDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M221.9,61.38l-67.74,72.31a8,8,0,0,0-2.16,5.47v55.49a8,8,0,0,1-3.56,6.66l-32,21.33A8,8,0,0,1,104,216V139.16a8,8,0,0,0-2.16-5.47L34.1,61.38A8,8,0,0,1,40,48H216A8,8,0,0,1,221.9,61.38Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfoDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"}}]})(props);}function PiMagnifyingGlassDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiUserCircleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}}]})(props);}function PiWalletDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,88V200a8,8,0,0,1-8,8H56a16,16,0,0,1-16-16V64A16,16,0,0,0,56,80H216A8,8,0,0,1,224,88Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm0,128H56a8,8,0,0,1-8-8V86.63A23.84,23.84,0,0,0,56,88H216Zm-48-60a12,12,0,1,1,12,12A12,12,0,0,1,168,140Z"}}]})(props);}function PiCheckCircleFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiFileTextFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z"}}]})(props);}function PiInfoFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"}}]})(props);}function PiReceiptFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V208a8,8,0,0,0,11.58,7.15L64,200.94l28.42,14.21a8,8,0,0,0,7.16,0L128,200.94l28.42,14.21a8,8,0,0,0,7.16,0L192,200.94l28.42,14.21A8,8,0,0,0,232,208V56A16,16,0,0,0,216,40ZM176,144H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Zm0-32H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Z"}}]})(props);}function PiShoppingBagFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-88,96A48.05,48.05,0,0,1,80,88a8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0A48.05,48.05,0,0,1,128,136Z"}}]})(props);}function PiWalletFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm-36,80a12,12,0,1,1,12-12A12,12,0,0,1,180,152Z"}}]})(props);}function PiEyeClosedLight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.21,165a6,6,0,0,1-10.42,6l-20-35.08a122,122,0,0,1-39,18.09l6.17,37a6,6,0,0,1-4.93,6.91,6.85,6.85,0,0,1-1,.08,6,6,0,0,1-5.91-5L148,156.44a128.86,128.86,0,0,1-40,0L101.92,193A6,6,0,0,1,96,198a6.85,6.85,0,0,1-1-.08A6,6,0,0,1,90.08,191l6.17-37a122,122,0,0,1-39-18.09L37.21,171a6,6,0,1,1-10.42-6l20.85-36.48a152,152,0,0,1-20.31-20.77,6,6,0,0,1,9.34-7.54C53.54,121.11,83.07,146,128,146s74.46-24.89,91.33-45.77a6,6,0,0,1,9.34,7.54,152,152,0,0,1-20.31,20.77Z"}}]})(props);}function PiArchive(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"}}]})(props);}function PiCaretDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiCaretLeft(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"}}]})(props);}function PiCaretRight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"}}]})(props);}function PiCaretUp(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"}}]})(props);}function PiClock(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"}}]})(props);}function PiEye(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"}}]})(props);}function PiFileArrowDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-61.66a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35A8,8,0,0,1,157.66,154.34Z"}}]})(props);}function PiFunnel(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfo(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"}}]})(props);}function PiMagnifyingGlass(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiNotePencil(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,120v88a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h88a8,8,0,0,1,0,16H48V208H208V120a8,8,0,0,1,16,0Z"}}]})(props);}function PiPlus(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"}}]})(props);}function PiTrash(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"}}]})(props);}function PiUser(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"}}]})(props);}function PiX(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}}]})(props);}
102
+ function PiCheckBold(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"}}]})(props);}function PiXBold(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"}}]})(props);}function PiBellDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"}}]})(props);}function PiCalendarBlankDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"}}]})(props);}function PiDoorOpenDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M200,40V224H168V40a8,8,0,0,0-8-8h32A8,8,0,0,1,200,40Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M232,216H208V40a16,16,0,0,0-16-16H64A16,16,0,0,0,48,40V216H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16ZM192,40V216H176V40ZM64,40h96V216H64Zm80,92a12,12,0,1,1-12-12A12,12,0,0,1,144,132Z"}}]})(props);}function PiFileArrowUpDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-77.66a8,8,0,0,1-11.32,11.32L136,139.31V184a8,8,0,0,1-16,0V139.31l-10.34,10.35a8,8,0,0,1-11.32-11.32l24-24a8,8,0,0,1,11.32,0Z"}}]})(props);}function PiFileDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"}}]})(props);}function PiFunnelDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M221.9,61.38l-67.74,72.31a8,8,0,0,0-2.16,5.47v55.49a8,8,0,0,1-3.56,6.66l-32,21.33A8,8,0,0,1,104,216V139.16a8,8,0,0,0-2.16-5.47L34.1,61.38A8,8,0,0,1,40,48H216A8,8,0,0,1,221.9,61.38Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfoDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"}}]})(props);}function PiMagnifyingGlassDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiUserCircleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}}]})(props);}function PiWalletDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,88V200a8,8,0,0,1-8,8H56a16,16,0,0,1-16-16V64A16,16,0,0,0,56,80H216A8,8,0,0,1,224,88Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm0,128H56a8,8,0,0,1-8-8V86.63A23.84,23.84,0,0,0,56,88H216Zm-48-60a12,12,0,1,1,12,12A12,12,0,0,1,168,140Z"}}]})(props);}function PiCheckCircleFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiFileTextFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z"}}]})(props);}function PiInfoFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"}}]})(props);}function PiReceiptFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V208a8,8,0,0,0,11.58,7.15L64,200.94l28.42,14.21a8,8,0,0,0,7.16,0L128,200.94l28.42,14.21a8,8,0,0,0,7.16,0L192,200.94l28.42,14.21A8,8,0,0,0,232,208V56A16,16,0,0,0,216,40ZM176,144H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Zm0-32H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Z"}}]})(props);}function PiShoppingBagFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-88,96A48.05,48.05,0,0,1,80,88a8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0A48.05,48.05,0,0,1,128,136Z"}}]})(props);}function PiWalletFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm-36,80a12,12,0,1,1,12-12A12,12,0,0,1,180,152Z"}}]})(props);}function PiEyeClosedLight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.21,165a6,6,0,0,1-10.42,6l-20-35.08a122,122,0,0,1-39,18.09l6.17,37a6,6,0,0,1-4.93,6.91,6.85,6.85,0,0,1-1,.08,6,6,0,0,1-5.91-5L148,156.44a128.86,128.86,0,0,1-40,0L101.92,193A6,6,0,0,1,96,198a6.85,6.85,0,0,1-1-.08A6,6,0,0,1,90.08,191l6.17-37a122,122,0,0,1-39-18.09L37.21,171a6,6,0,1,1-10.42-6l20.85-36.48a152,152,0,0,1-20.31-20.77,6,6,0,0,1,9.34-7.54C53.54,121.11,83.07,146,128,146s74.46-24.89,91.33-45.77a6,6,0,0,1,9.34,7.54,152,152,0,0,1-20.31,20.77Z"}}]})(props);}function PiArchive(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"}}]})(props);}function PiCaretDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiCaretLeft(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"}}]})(props);}function PiCaretRight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"}}]})(props);}function PiCaretUp(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"}}]})(props);}function PiClock(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"}}]})(props);}function PiEye(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"}}]})(props);}function PiFilePdf(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,152a8,8,0,0,1-8,8H192v16h16a8,8,0,0,1,0,16H192v16a8,8,0,0,1-16,0V152a8,8,0,0,1,8-8h32A8,8,0,0,1,224,152ZM92,172a28,28,0,0,1-28,28H56v8a8,8,0,0,1-16,0V152a8,8,0,0,1,8-8H64A28,28,0,0,1,92,172Zm-16,0a12,12,0,0,0-12-12H56v24h8A12,12,0,0,0,76,172Zm88,8a36,36,0,0,1-36,36H112a8,8,0,0,1-8-8V152a8,8,0,0,1,8-8h16A36,36,0,0,1,164,180Zm-16,0a20,20,0,0,0-20-20h-8v40h8A20,20,0,0,0,148,180ZM40,112V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0ZM160,80h28.69L160,51.31Z"}}]})(props);}function PiFunnel(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfo(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"}}]})(props);}function PiMagnifyingGlass(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiNotePencil(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,120v88a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h88a8,8,0,0,1,0,16H48V208H208V120a8,8,0,0,1,16,0Z"}}]})(props);}function PiPlus(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"}}]})(props);}function PiTrash(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"}}]})(props);}function PiUser(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"}}]})(props);}function PiX(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}}]})(props);}
103
103
 
104
104
  const OutlineButton = ({
105
105
  title = "Button",
@@ -23814,18 +23814,26 @@
23814
23814
  startDate,
23815
23815
  onChangeStartDate,
23816
23816
  endDate,
23817
- onChangeEndDate
23817
+ onChangeEndDate,
23818
+ isRequired,
23819
+ title
23818
23820
  }) => {
23819
23821
  const onChange = dates => {
23820
23822
  const [start, end] = dates;
23821
23823
  onChangeStartDate(start);
23822
23824
  onChangeEndDate(end);
23823
23825
  };
23824
- return /*#__PURE__*/React__default["default"].createElement("div", {
23825
- className: "cursor-pointer h-full border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center"
23826
+ return /*#__PURE__*/React__default["default"].createElement("div", null, title && /*#__PURE__*/React__default["default"].createElement("div", {
23827
+ className: "flex"
23828
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23829
+ className: "text-sm font-normal text-black mb-1"
23830
+ }, title), isRequired && /*#__PURE__*/React__default["default"].createElement("p", {
23831
+ className: "text-sm font-normal text-danger500 ml-1"
23832
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
23833
+ className: "cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center"
23826
23834
  }, /*#__PURE__*/React__default["default"].createElement("div", {
23827
23835
  className: "p-2"
23828
- }, /*#__PURE__*/React__default["default"].createElement(PiCalendarDuotone, {
23836
+ }, /*#__PURE__*/React__default["default"].createElement(PiCalendarBlankDuotone, {
23829
23837
  size: 16,
23830
23838
  className: "text-neutral300"
23831
23839
  })), /*#__PURE__*/React__default["default"].createElement(DatePicker, {
@@ -23835,8 +23843,9 @@
23835
23843
  endDate: endDate,
23836
23844
  selectsRange: true,
23837
23845
  utcOffset: 0,
23846
+ dateFormat: "d MMM yyyy",
23838
23847
  className: "cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
23839
- }));
23848
+ })));
23840
23849
  };
23841
23850
 
23842
23851
  const Description = ({
@@ -23870,23 +23879,22 @@
23870
23879
 
23871
23880
  const DescriptionFile = ({
23872
23881
  title = "Title",
23873
- link = "https://sprintasia.atlassian.net/browse/NP-165",
23874
- fileName = ""
23882
+ link
23875
23883
  }) => {
23876
23884
  return /*#__PURE__*/React__default["default"].createElement("div", {
23877
23885
  className: "w-full"
23878
23886
  }, title && /*#__PURE__*/React__default["default"].createElement("p", {
23879
23887
  className: "text-sm font-normal text-black mb-1 py-2"
23880
23888
  }, title), /*#__PURE__*/React__default["default"].createElement("div", {
23881
- className: "py-1 flex items-center cursor-pointer"
23882
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(PiFileArrowDown, {
23889
+ className: "flex items-center cursor-pointer"
23890
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(PiFilePdf, {
23883
23891
  className: "text-black",
23884
23892
  size: 16
23885
23893
  })), /*#__PURE__*/React__default["default"].createElement("a", {
23886
- className: "text-lg font-semibold text-base ml-1",
23887
- href: link,
23894
+ className: "text-md font-semibold text-base ml-1",
23895
+ href: link ? link : null,
23888
23896
  target: "_blank"
23889
- }, fileName, ".pdf")));
23897
+ }, link ? title + ".pdf" : "Loading...")));
23890
23898
  };
23891
23899
 
23892
23900
  const DropdownCard = ({
@@ -26019,13 +26027,14 @@
26019
26027
  };
26020
26028
 
26021
26029
  const DropzoneUploadPhoto = ({
26022
- onFileChange,
26023
- currentImage,
26030
+ title = "Title Dropzone",
26024
26031
  subtitle = "Format File PNG, JPEG, or JPG, Maximal File 5 MB",
26032
+ required = false,
26033
+ onDrop,
26034
+ maxFiles = 1,
26035
+ selectedFile,
26025
26036
  error = ""
26026
26037
  }) => {
26027
- const [selectedImage, setSelectedImage] = React.useState(null);
26028
- const [isHovered, setIsHovered] = React.useState(false);
26029
26038
  const [errorMessage, setErrorMessage] = React.useState("");
26030
26039
  const onDropRejected = rejectedFiles => {
26031
26040
  const file = rejectedFiles[0];
@@ -26037,57 +26046,51 @@
26037
26046
  getRootProps,
26038
26047
  getInputProps
26039
26048
  } = useDropzone({
26049
+ onDrop,
26050
+ maxFiles,
26040
26051
  accept: {
26041
- 'image/jpeg': [],
26042
- 'image/png': []
26043
- },
26044
- maxFiles: 1,
26045
- maxSize: 5000000,
26046
- onDrop: acceptedFiles => {
26047
- if (acceptedFiles.length > 0) {
26048
- onFileChange(acceptedFiles[0]);
26049
- setSelectedImage(URL.createObjectURL(acceptedFiles[0]));
26050
- }
26052
+ "image/*": [".jpeg", ".png", ".jpg"]
26051
26053
  },
26054
+ noKeyboard: true,
26055
+ maxSize: 5242881,
26052
26056
  onDropRejected
26053
26057
  });
26054
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
26055
- className: "w-52 h-52"
26058
+ return /*#__PURE__*/React__default["default"].createElement("div", {
26059
+ className: "w-full"
26056
26060
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26057
- className: "cursor-pointer relative"
26061
+ className: "flex items-center"
26062
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
26063
+ className: "text-black text-sm mb-1"
26064
+ }, title), required && /*#__PURE__*/React__default["default"].createElement("p", {
26065
+ className: "text-sm font-normal text-danger500 ml-1"
26066
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
26067
+ className: "cursor-pointer"
26058
26068
  }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
26059
- className: 'dropzone'
26069
+ className: "dropzone"
26060
26070
  }), {
26061
- className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed`,
26062
- onMouseEnter: () => setIsHovered(true),
26063
- onMouseLeave: () => setIsHovered(false)
26064
- }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
26065
- src: currentImage,
26066
- className: "w-full h-full object-cover rounded-md"
26067
- }) : !currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("div", {
26071
+ className: `bg-neutral20 w-52 h-52 rounded-lg border-2 ${error ? "border-danger500" : "border-neutral50"} border-dashed`
26072
+ }), /*#__PURE__*/React__default["default"].createElement("input", _extends$2({}, getInputProps(), {
26073
+ required: required
26074
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26068
26075
  className: "flex w-full h-full justify-center items-center text-center"
26069
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
26076
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, !selectedFile ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
26070
26077
  className: "flex justify-center"
26071
26078
  }, /*#__PURE__*/React__default["default"].createElement(PiPlus, {
26072
- size: 18,
26079
+ size: 16,
26073
26080
  className: "text-neutral300"
26074
26081
  })), /*#__PURE__*/React__default["default"].createElement("p", {
26075
- className: "text-xs text-neutral300 mt-2"
26076
- }, "Upload Image"), errorMessage && /*#__PURE__*/React__default["default"].createElement("p", {
26082
+ className: "text-sm text-neutral300 mt-2"
26083
+ }, "Upload Photo"), errorMessage && /*#__PURE__*/React__default["default"].createElement("p", {
26077
26084
  className: "text-xs text-danger500"
26078
- }, errorMessage))) : /*#__PURE__*/React__default["default"].createElement("img", {
26079
- src: selectedImage,
26080
- className: "w-full h-full object-cover rounded-md"
26081
- }), (selectedImage || currentImage) && isHovered && /*#__PURE__*/React__default["default"].createElement("div", {
26082
- className: "absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center"
26083
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
26084
- className: "flex justify-center"
26085
- }, /*#__PURE__*/React__default["default"].createElement(PiPlus, {
26086
- size: 18,
26087
- className: "text-white"
26088
- })), /*#__PURE__*/React__default["default"].createElement("p", {
26089
- className: "text-xs text-white mt-2"
26090
- }, "Upload Image")))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
26085
+ }, errorMessage)) : typeof selectedFile === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
26086
+ src: selectedFile,
26087
+ alt: "Selected",
26088
+ className: "w-52 h-52 object-contain rounded-lg"
26089
+ }) : /*#__PURE__*/React__default["default"].createElement("img", {
26090
+ src: URL.createObjectURL(selectedFile),
26091
+ alt: "Selected",
26092
+ className: "w-52 h-52 object-contain rounded-lg"
26093
+ }))))), error && /*#__PURE__*/React__default["default"].createElement("p", {
26091
26094
  className: "text-danger500 text-xs mt-1"
26092
26095
  }, error), /*#__PURE__*/React__default["default"].createElement("p", {
26093
26096
  className: "text-xs text-neutral300 mt-1"
@@ -45451,7 +45454,7 @@
45451
45454
  }) => {
45452
45455
  return /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, dataHeader.map((value, index) => /*#__PURE__*/React__default["default"].createElement("th", {
45453
45456
  key: index,
45454
- className: "py-3.5 px-4 bg-neutral40 text-neutral500 text-sm font-semibold text-left"
45457
+ className: "py-3.5 px-4 bg-neutral20 text-neutral500 text-sm font-medium text-left"
45455
45458
  }, /*#__PURE__*/React__default["default"].createElement("p", null, value.toUpperCase())))));
45456
45459
  };
45457
45460
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.71",
4
+ "version": "0.1.73",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
@@ -1,13 +1,15 @@
1
- import React, {useState} from "react";
1
+ import React from "react";
2
2
  import DatePicker from "react-datepicker";
3
3
  import 'react-datepicker/dist/react-datepicker.css';
4
- import { PiCalendarDuotone } from "react-icons/pi";
4
+ import { PiCalendarBlankDuotone } from "react-icons/pi";
5
5
 
6
6
  const CustomDatePicker = ({
7
7
  startDate,
8
8
  onChangeStartDate,
9
9
  endDate,
10
- onChangeEndDate
10
+ onChangeEndDate,
11
+ isRequired,
12
+ title
11
13
  }) => {
12
14
  const onChange = (dates) => {
13
15
  const [start, end] = dates
@@ -16,19 +18,28 @@ const CustomDatePicker = ({
16
18
  };
17
19
 
18
20
  return (
19
- <div className="cursor-pointer h-full border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center">
20
- <div className="p-2">
21
- <PiCalendarDuotone size={16} className="text-neutral300"/>
21
+ <div>
22
+ {title && (
23
+ <div className="flex">
24
+ <p className="text-sm font-normal text-black mb-1">{title}</p>
25
+ {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
26
+ </div>
27
+ )}
28
+ <div className="cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center">
29
+ <div className="p-2">
30
+ <PiCalendarBlankDuotone size={16} className="text-neutral300"/>
31
+ </div>
32
+ <DatePicker
33
+ selected={startDate}
34
+ onChange={onChange}
35
+ startDate={startDate}
36
+ endDate={endDate}
37
+ selectsRange
38
+ utcOffset={0}
39
+ dateFormat="d MMM yyyy"
40
+ className="cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
41
+ />
22
42
  </div>
23
- <DatePicker
24
- selected={startDate}
25
- onChange={onChange}
26
- startDate={startDate}
27
- endDate={endDate}
28
- selectsRange
29
- utcOffset={0}
30
- className="cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
31
- />
32
43
  </div>
33
44
  )}
34
45
 
@@ -1,19 +1,18 @@
1
1
  import React from 'react';
2
- import { PiFileArrowDown } from 'react-icons/pi';
2
+ import { PiFilePdf } from 'react-icons/pi';
3
3
 
4
4
  const DescriptionFile = ({
5
5
  title = "Title",
6
- link = "https://sprintasia.atlassian.net/browse/NP-165",
7
- fileName = ""
6
+ link
8
7
  }) => {
9
8
  return (
10
9
  <div className='w-full'>
11
10
  {title && <p className="text-sm font-normal text-black mb-1 py-2">{title}</p>}
12
- <div className='py-1 flex items-center cursor-pointer'>
11
+ <div className='flex items-center cursor-pointer'>
13
12
  <div>
14
- <PiFileArrowDown className='text-black' size={16}/>
13
+ <PiFilePdf className='text-black' size={16}/>
15
14
  </div>
16
- <a className='text-lg font-semibold text-base ml-1' href={link} target="_blank">{fileName}.pdf</a>
15
+ <a className='text-md font-semibold text-base ml-1' href={link ? link : null} target="_blank">{link ? title+".pdf" : "Loading..."}</a>
17
16
  </div>
18
17
  </div>
19
18
  );
@@ -1,16 +1,16 @@
1
- import React, { useState } from 'react';
2
- import { useDropzone } from 'react-dropzone';
3
- import { PiPlus } from 'react-icons/pi';
1
+ import React, { useState } from "react";
2
+ import { useDropzone } from "react-dropzone";
3
+ import { PiPlus } from "react-icons/pi";
4
4
 
5
- const DropzoneUploadPhoto = ({
6
- onFileChange,
7
- currentImage,
5
+ const DropzoneUploadPhoto = ({
6
+ title = "Title Dropzone",
8
7
  subtitle = "Format File PNG, JPEG, or JPG, Maximal File 5 MB",
8
+ required = false,
9
+ onDrop,
10
+ maxFiles = 1,
11
+ selectedFile,
9
12
  error = "",
10
13
  }) => {
11
- const [selectedImage, setSelectedImage] = useState(null);
12
- const [isHovered, setIsHovered] = useState(false);
13
-
14
14
  const [errorMessage, setErrorMessage] = useState("");
15
15
 
16
16
  const onDropRejected = (rejectedFiles) => {
@@ -21,75 +21,62 @@ const DropzoneUploadPhoto = ({
21
21
  };
22
22
 
23
23
  const { getRootProps, getInputProps } = useDropzone({
24
+ onDrop,
25
+ maxFiles,
24
26
  accept: {
25
- 'image/jpeg': [],
26
- 'image/png': []
27
- },
28
- maxFiles: 1,
29
- maxSize:5000000,
30
- onDrop: (acceptedFiles) => {
31
- if (acceptedFiles.length > 0) {
32
- onFileChange(acceptedFiles[0]);
33
- setSelectedImage(URL.createObjectURL(acceptedFiles[0]));
34
- }
27
+ "image/*": [".jpeg", ".png", ".jpg"],
35
28
  },
29
+ noKeyboard: true,
30
+ maxSize: 5242881,
36
31
  onDropRejected,
37
32
  });
38
33
 
39
34
  return (
40
- <>
41
-
42
- <div className='w-52 h-52'>
35
+ <div className="w-full">
36
+ <div className="flex items-center">
37
+ <p className="text-black text-sm mb-1">{title}</p>
38
+ {required && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
39
+ </div>
40
+ <div className="cursor-pointer">
43
41
  <div
44
- className="cursor-pointer relative"
42
+ {...getRootProps({ className: "dropzone" })}
43
+ className={`bg-neutral20 w-52 h-52 rounded-lg border-2 ${
44
+ error ? "border-danger500" : "border-neutral50"
45
+ } border-dashed`}
45
46
  >
46
- <div
47
- {...getRootProps({ className: 'dropzone' })}
48
- className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed`}
49
- onMouseEnter={() => setIsHovered(true)}
50
- onMouseLeave={() => setIsHovered(false)}
51
- >
52
- <input {...getInputProps()} />
53
- {
54
- currentImage && !selectedImage ?
55
- <img
56
- src={currentImage}
57
- className="w-full h-full object-cover rounded-md"
58
- />
59
- :
60
- !currentImage && !selectedImage ?
61
- <div className="flex w-full h-full justify-center items-center text-center">
62
- <div>
63
- <div className='flex justify-center'>
64
- <PiPlus size={18} className='text-neutral300'/>
47
+ <input {...getInputProps()} required={required} />
48
+ <div className="flex w-full h-full justify-center items-center text-center">
49
+ <div>
50
+ {!selectedFile ? (
51
+ <>
52
+ <div className="flex justify-center">
53
+ <PiPlus size={16} className="text-neutral300" />
65
54
  </div>
66
- <p className="text-xs text-neutral300 mt-2">Upload Image</p>
55
+ <p className="text-sm text-neutral300 mt-2">Upload Photo</p>
67
56
  {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
68
- </div>
69
- </div>
70
- :
71
- <img
72
- src={selectedImage}
73
- className="w-full h-full object-cover rounded-md"
74
- />
75
- }
76
- {(selectedImage || currentImage) && isHovered && (
77
- <div className="absolute inset-0 rounded-md bg-black bg-opacity-40 items-center flex justify-center">
78
- <div>
79
- <div className='flex justify-center'>
80
- <PiPlus size={18} className='text-white'/>
81
- </div>
82
- <p className="text-xs text-white mt-2">Upload Image</p>
83
- </div>
84
- </div>
85
- )}
57
+ </>
58
+ ) : (
59
+ typeof selectedFile === "string" ?
60
+ <img
61
+ src={selectedFile}
62
+ alt="Selected"
63
+ className="w-52 h-52 object-contain rounded-lg"
64
+ />
65
+ :
66
+ <img
67
+ src={URL.createObjectURL(selectedFile)}
68
+ alt="Selected"
69
+ className="w-52 h-52 object-contain rounded-lg"
70
+ />
71
+ )}
72
+ </div>
86
73
  </div>
87
74
  </div>
88
75
  </div>
89
76
  {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
90
77
  <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
91
- </>
78
+ </div>
92
79
  );
93
80
  };
94
81
 
95
- export default DropzoneUploadPhoto;
82
+ export default DropzoneUploadPhoto;
@@ -7,7 +7,7 @@ const HeaderTable = ({
7
7
  <thead>
8
8
  <tr>
9
9
  {dataHeader.map((value, index) => (
10
- <th key={index} className="py-3.5 px-4 bg-neutral40 text-neutral500 text-sm font-semibold text-left">
10
+ <th key={index} className="py-3.5 px-4 bg-neutral20 text-neutral500 text-sm font-medium text-left">
11
11
  <p>{value.toUpperCase()}</p>
12
12
  </th>
13
13
  ))}