freemium-ui 2.0.68 → 2.0.70

package/dist/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "freemium-ui",
+  "version": "2.0.0-beta.73",
+  "description": "React Ui Components for Freemium Apps",
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "dependencies": {
+    "@blueprintjs/datetime2": "^2.3.4",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@tanstack/react-table": "^8.16.0",
+    "downshift": "^9.0.4",
+    "moment": "^2.30.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-quill": "^2.0.0",
+    "react-scripts": "5.0.1",
+    "styled-components": "^6.1.8",
+    "typescript": "^4.9.5"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freshdesk/freemium-ui.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "Freemiui",
+    "React",
+    "UI",
+    "Material"
+  ],
+  "author": "Freshworks",
+  "bugs": {
+    "url": "https://github.com/freshdesk/freemium-ui/issues"
+  },
+  "homepage": "https://github.com/freshdesk/freemium-ui#readme",
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "private": false
+}

package/lib/index.cjs.js

@@ -13235,6 +13235,7 @@ TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"
 .bp5-daterangepicker-timepickers.bp5-daterangepicker-timepickers-stacked{
   align-items:center;
   flex-direction:column;
+  gap: 8px;
 }
 
 .bp5-dark .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered{
@@ -17255,7 +17256,7 @@ const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,dis
 "aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
-disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:s,
+disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!0,disabled:s,
 locale:d||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":s},endInputProps:{placeholder:n||h,name:r,
@@ -17290,7 +17291,7 @@ const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,cle
 "aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
-disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:d,
+disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!0,disabled:d,
 locale:u||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":d},endInputProps:{placeholder:n||h,name:r,
@@ -17500,41 +17501,52 @@ exports.Tag=Ab,exports.TextArea=mm,exports.ThemeProvider=t=>e.createElement(sr,{
 theme:t.theme
 },e.createElement(yY,null),e.createElement(pW,null,t.children)),exports.Themes=Ho,
 exports.TickIcon=so,exports.TimePicker=t=>{
-const{isRequired:n,label:r,isErrored:o,errorText:a,id:i,disabled:l,precision:c="minute",useAmPm:s,value:u="",onChange:d}=t,h=cr()
+const{isRequired:n,label:r,isErrored:o,errorText:a,id:i,disabled:l,precision:c="minute",useAmPm:s,value:u="",onChange:d}=t,h=cr(),[p,f]=e.useState(["","","","",""])
+;e.useEffect((()=>{if(u){
+const[e="",t="",n=""]=u.split(":"),r=n?.split(".")[1]??""
+;f([s&&Number(e)>12?`${(Number(e)-12).toString().padStart(2,"0")}`:e,t,n.split(".")[0],r,s?Number(e)>12?"PM":"AM":""])
+}else f(["","","","",""])}),[]);const m=(e,t)=>{const n=[...p];switch(e){
+case"hours":n[0]=t;break;case"minutes":n[1]=t;break;case"seconds":n[2]=t;break
+;case"milliseconds":n[3]=t;break;case"AMPM":n[4]=t}
+const r=n[0],o=n[1],a="second"===c||"millisecond"===c?n[2]:void 0,i="millisecond"===c?n[3]:void 0
+;f(n)
+;const l=`${s&&"PM"===n[4]?Number(r)+12:r}:${o}${a?`:${a}`:""}${i?`.${i}`:""}`
+;"Invalid Date"===new Date(`2021-01-01T${l}Z`).toString()||d?.(l)}
 ;return e.createElement($N,{id:`datetime-picker-container-${i??""}`.trim()
 },r&&e.createElement(Do,{htmlFor:t.id,className:"input-label"
 },r,r&&n&&e.createElement(Ao,null,"*")),e.createElement(BN,null,e.createElement(jN,{
 className:"time-picker-input picker-hours",type:"number",
 placeholder:s?"hh":"HH",disabled:l,dir:h.direction,min:s?1:0,max:s?12:23,
-value:u?FN(new Date(u)).format(s?"hh":"HH"):"",onChange:e=>{
-const t=Number(e.target.value);if(s&&(t<1||t>12))return
-;if(!s&&(t<0||t>23))return
-;const n=u?FN(new Date(u)):FN(),r=n.hour(s&&"PM"===n.format("A")?t+12:t)
-;d?.(r.toISOString())},isErrored:o,"aria-invalid":o,errorText:a
+value:p[0],onChange:e=>{
+e.target.value.length>2||f((t=>[e.target.value,t[1],t[2],t[3],t[4]]))},
+onBlur:e=>{const t=Number(e.target.value),n=s?t>12?12:t<1?1:t:t>23?23:t<0?0:t
+;m("hours",n<10?`0${n}`:n.toString())},isErrored:o,"aria-invalid":o,errorText:a
 }),e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-minutes",type:"number",placeholder:"mm",
-disabled:l,dir:h.direction,min:0,max:59,value:u?FN(new Date(u)).format("mm"):"",
-onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=(u?FN(new Date(u)):FN()).minute(t);d?.(n.toISOString())},isErrored:o,
-"aria-invalid":o,errorText:a
+disabled:l,dir:h.direction,min:0,max:59,value:p[1],onChange:e=>{
+e.target.value.length>2||f((t=>[t[0],e.target.value,t[2],t[3],t[4]]))},
+onBlur:e=>{const t=Number(e.target.value),n=t>59?59:t<0?0:t
+;m("minutes",n<10?`0${n}`:n.toString())},isErrored:o,"aria-invalid":o,
+errorText:a
 }),("millisecond"===c||"second"===c)&&e.createElement(e.Fragment,null,e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-seconds",type:"number",placeholder:"ss",
-disabled:l,dir:h.direction,min:0,max:59,value:u?FN(new Date(u)).format("ss"):"",
-onChange:e=>{const t=Number(e.target.value);if(t<0||t>59)return
-;const n=(u?FN(new Date(u)):FN()).second(t);d?.(n.toISOString())},isErrored:o,
-"aria-invalid":o,errorText:a
+disabled:l,dir:h.direction,min:0,max:59,value:p[2],onChange:e=>{
+e.target.value.length>2||f((t=>[t[0],t[1],e.target.value,t[3],t[4]]))},
+onBlur:e=>{const t=Number(e.target.value),n=t>59?59:t<0?0:t
+;m("seconds",n<10?`0${n}`:n.toString())},isErrored:o,"aria-invalid":o,
+errorText:a
 })),"millisecond"===c&&e.createElement(e.Fragment,null,e.createElement("span",null,":"),e.createElement(jN,{
 className:"time-picker-input picker-milliseconds",type:"number",
-placeholder:"SSS",disabled:l,dir:h.direction,min:0,max:999,
-value:u?FN(new Date(u)).format("SSS"):"",onChange:e=>{
-const t=Number(e.target.value);if(t<0||t>999)return
-;const n=(u?FN(new Date(u)):FN()).millisecond(t);d?.(n.toISOString())},
-isErrored:o,"aria-invalid":o,errorText:a})),s&&e.createElement(ab,{
+placeholder:"SSS",disabled:l,dir:h.direction,min:0,max:999,value:p[3],
+onChange:e=>{
+e.target.value.length>3||f((t=>[t[0],t[1],t[2],e.target.value,t[4]]))},
+onBlur:e=>{const t=Number(e.target.value.slice(0,3)),n=t>999?999:t<0?0:t
+;m("milliseconds",n<10?`00${n}`:n<100?`0${n}`:n.toString())},isErrored:o,
+"aria-invalid":o,errorText:a})),s&&e.createElement(ab,{
 itemToString:e=>e?.name??"",placeholder:"--",style:{marginLeft:"4px"},
-showTick:!1,defaultSelectedItem:u?ZN.find((e=>e.id===FN(u).format("A"))):null,
+showTick:!1,defaultSelectedItem:u?ZN.find((e=>e.id===p[4]))??null:null,
 width:"65px",itemIdentifier:"id",items:ZN,onChange:e=>{
-const t=FN(new Date(u)).hour(FN(u).hour()+("AM"===e?.id?-12:12))
-;d?.(t.toISOString())}})),o&&a&&e.createElement(lm,null,a))
+m("AMPM","AM"===e?.id?"AM":"PM")}})),o&&a&&e.createElement(lm,null,a))
 },exports.ToastProvider=pW,
 exports.Toggle=({handleChange:t,hasIcon:n=!1,on:r,isErrored:o,isRequired:a,size:i="md",thumbProps:l,...c})=>{
 const s=cr();return e.createElement(xW,{checked:r,onCheckedChange:e=>{t?.(e)},