freemium-ui 2.0.90 → 2.0.92

package/storybook-static/stories-TimePicker-stories.b0bd6351.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[20234],{"./src/stories/TimePicker.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>TimePicker_stories});var react=__webpack_require__("./node_modules/react/index.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styles=__webpack_require__("./src/styles/index.ts"),Pickers_styles=__webpack_require__("./src/components/Pickers/styles.ts"),Dropdown=__webpack_require__("./src/components/Dropdown/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const items=[{id:"AM",name:"AM"},{id:"PM",name:"PM"}],TimePicker=props=>{var _items$find;const{isRequired,label,isErrored,errorText,id,disabled,precision="minute",useAmPm,value="",onChange}=props,theme=(0,styled_components_browser_esm.DP)(),[localValue,setLocalValue]=react.useState(["","","","",""]);react.useEffect((()=>{if(value){var _second$split$;const[hour="",minute="",second=""]=value.split(":"),milliseconds=null!==(_second$split$=null==second?void 0:second.split(".")[1])&&void 0!==_second$split$?_second$split$:"";setLocalValue([useAmPm&&Number(hour)>12?"".concat((Number(hour)-12).toString().padStart(2,"0")):hour,minute,second.split(".")[0],milliseconds,useAmPm?Number(hour)>12?"PM":"AM":""])}else setLocalValue(["","","","",""])}),[]);const updateTime=(type,stringValue)=>{const newLocalValue=[...localValue];switch(type){case"hours":newLocalValue[0]=stringValue;break;case"minutes":newLocalValue[1]=stringValue;break;case"seconds":newLocalValue[2]=stringValue;break;case"milliseconds":newLocalValue[3]=stringValue;break;case"AMPM":newLocalValue[4]=stringValue}const hours=newLocalValue[0],minutes=newLocalValue[1],seconds="second"===precision||"millisecond"===precision?newLocalValue[2]:void 0,milliseconds="millisecond"===precision?newLocalValue[3]:void 0;setLocalValue(newLocalValue);const newValue="".concat(useAmPm&&"PM"===newLocalValue[4]?Number(hours)+12:hours,":").concat(minutes).concat(seconds?":".concat(seconds):"").concat(milliseconds?".".concat(milliseconds):"");"Invalid Date"===new Date("2021-01-01T".concat(newValue,"Z")).toString()||null==onChange||onChange(newValue)},inputValidation=(val,type)=>{switch(type){case"hours":return val.length>2||useAmPm&&(Number(val)>12||Number(val)<0)||!useAmPm&&(Number(val)>23||Number(val)<0);case"minutes":case"seconds":return val.length>2||Number(val)>59||Number(val)<0;case"milliseconds":return val.length>3||Number(val)>999||Number(val)<0}};return(0,jsx_runtime.jsxs)(Pickers_styles.VC,{id:"datetime-picker-container-".concat(null!=id?id:"").trim(),children:[label&&(0,jsx_runtime.jsxs)(styles.Gw,{htmlFor:props.id,className:"input-label",children:[label,label&&isRequired&&(0,jsx_runtime.jsx)(styles.Tr,{children:"*"})]}),(0,jsx_runtime.jsxs)(Pickers_styles.yw,{children:[(0,jsx_runtime.jsx)(Pickers_styles.u7,{className:"time-picker-input picker-hours",type:"number",placeholder:useAmPm?"hh":"HH",disabled,dir:theme.direction,min:useAmPm?1:0,max:useAmPm?12:23,value:localValue[0],onChange:e=>{inputValidation(e.target.value,"hours")||setLocalValue((old=>[e.target.value,old[1],old[2],old[3],old[4]]))},onBlur:e=>{const numberValue=Number(e.target.value);updateTime("hours",numberValue<10?"0".concat(numberValue):numberValue.toString())},isErrored,"aria-invalid":isErrored}),(0,jsx_runtime.jsx)("span",{children:":"}),(0,jsx_runtime.jsx)(Pickers_styles.u7,{className:"time-picker-input picker-minutes",type:"number",placeholder:"mm",disabled,dir:theme.direction,min:0,max:59,value:localValue[1],onChange:e=>{inputValidation(e.target.value,"minutes")||setLocalValue((old=>[old[0],e.target.value,old[2],old[3],old[4]]))},onBlur:e=>{const numberValue=Number(e.target.value);updateTime("minutes",numberValue<10?"0".concat(numberValue):numberValue.toString())},isErrored,"aria-invalid":isErrored}),("millisecond"===precision||"second"===precision)&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("span",{children:":"}),(0,jsx_runtime.jsx)(Pickers_styles.u7,{className:"time-picker-input picker-seconds",type:"number",placeholder:"ss",disabled,dir:theme.direction,min:0,max:59,value:localValue[2],onChange:e=>{inputValidation(e.target.value,"seconds")||setLocalValue((old=>[old[0],old[1],e.target.value,old[3],old[4]]))},onBlur:e=>{const numberValue=Number(e.target.value);updateTime("seconds",numberValue<10?"0".concat(numberValue):numberValue.toString())},isErrored,"aria-invalid":isErrored})]}),"millisecond"===precision&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("span",{children:":"}),(0,jsx_runtime.jsx)(Pickers_styles.u7,{className:"time-picker-input picker-milliseconds",type:"number",placeholder:"SSS",disabled,dir:theme.direction,min:0,max:999,value:localValue[3],onChange:e=>{inputValidation(e.target.value,"milliseconds")||setLocalValue((old=>[old[0],old[1],old[2],e.target.value,old[4]]))},onBlur:e=>{const numberValue=Number(e.target.value.slice(0,3));updateTime("milliseconds",numberValue<10?"00".concat(numberValue):numberValue<100?"0".concat(numberValue):numberValue.toString())},isErrored,"aria-invalid":isErrored})]}),useAmPm&&(0,jsx_runtime.jsx)(Dropdown.ms,{itemToString:item=>{var _item$name;return null!==(_item$name=null==item?void 0:item.name)&&void 0!==_item$name?_item$name:""},placeholder:"--",style:{marginLeft:"4px"},showTick:!1,defaultSelectedItem:value&&null!==(_items$find=items.find((item=>item.id===localValue[4])))&&void 0!==_items$find?_items$find:null,width:"65px",itemIdentifier:"id",items,onChange:item=>{updateTime("AMPM","AM"===(null==item?void 0:item.id)?"AM":"PM")}})]})]})};try{TimePicker.displayName="TimePicker",TimePicker.__docgenInfo={description:"TimePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.",displayName:"TimePicker",props:{isRequired:{defaultValue:null,description:"Is this a required field?",name:"isRequired",required:!1,type:{name:"boolean"}},isErrored:{defaultValue:null,description:"Is this a error field?",name:"isErrored",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"Error text to be shown",name:"errorText",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"Id of the date picker",name:"id",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"name of the date picker",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"label for the picker",name:"label",required:!1,type:{name:"string"}},language:{defaultValue:null,description:"",name:"language",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"Whether disabled select",name:"disabled",required:!1,type:{name:"boolean"}},portalContainer:{defaultValue:null,description:"",name:"portalContainer",required:!1,type:{name:"HTMLElement"}},cancelButtonText:{defaultValue:null,description:"",name:"cancelButtonText",required:!1,type:{name:"string"}},updateButtonText:{defaultValue:null,description:"",name:"updateButtonText",required:!1,type:{name:"string"}},displayFormat:{defaultValue:null,description:"",name:"displayFormat",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((dateString: string | null) => void)"}},useAmPm:{defaultValue:null,description:"",name:"useAmPm",required:!1,type:{name:"boolean"}},precision:{defaultValue:null,description:"",name:"precision",required:!1,type:{name:"enum",value:[{value:'"millisecond"'},{value:'"minute"'},{value:'"second"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pickers/TimePicker.tsx#TimePicker"]={docgenInfo:TimePicker.__docgenInfo,name:"TimePicker",path:"src/components/Pickers/TimePicker.tsx#TimePicker"})}catch(__react_docgen_typescript_loader_error){}const TimePicker_stories={title:"Components/TimePicker",component:TimePicker,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Primary={render:function Render(props){const[{value},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsx)(TimePicker,{...props,value,onChange:dateString=>{console.log("TimePicker onChange",dateString),updateArgs({value:dateString})}})},args:{id:"date-picker-input",label:"Date Picker",precision:"millisecond",useAmPm:!0,value:"02:03:04.078"}},__namedExportsOrder=["Primary"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      value\n    }, updateArgs] = useArgs();\n    return <TimePicker {...props} value={value} onChange={(dateString: string | null) => {\n      console.log('TimePicker onChange', dateString);\n      updateArgs({\n        value: dateString\n      });\n    }} />;\n  },\n  args: {\n    id: 'date-picker-input',\n    label: 'Date Picker',\n    precision: 'millisecond',\n    useAmPm: true,\n    value: '02:03:04.078'\n  }\n}",...Primary.parameters?.docs?.source}}}},"./src/components/Pickers/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BX:()=>PickersBaseLine,VC:()=>TimePickerContainer,qg:()=>PickerFooter,u7:()=>TimePickerInput,yb:()=>PickerContainer,yw:()=>TimePickerHolder});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_themes__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/themes/index.ts"),_Input__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Input/index.ts");const TimePickerContainer=styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay.div(_templateObject||(_templateObject=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  direction: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.direction})),TimePickerHolder=styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay.div(_templateObject2||(_templateObject2=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"]))),TimePickerInput=(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay)(_Input__WEBPACK_IMPORTED_MODULE_1__.p)(_templateObject3||(_templateObject3=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  width: 24px;\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n  &.picker-milliseconds {\n    width: 32px;\n  }\n"]))),PickerFooter=(styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay.button(_templateObject4||(_templateObject4=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  border: unset;\n  padding: 6px 12px;\n  margin: unset;\n  background: unset;\n  cursor: pointer;\n  font-family: ",";\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 14px;\n  color: ",";\n  height: 32px;\n"])),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme}=_ref3;return theme.colors.text.link})),styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay.div(_templateObject5||(_templateObject5=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  background: ",";\n  border: 1px solid ",";\n  border-bottom: none;\n  border-radius: 4px 4px 0px 0px;\n  direction: ",";\n  width: 100%;\n  padding: 8px;\n  display: flex;\n  justify-content: end;\n  gap: 8px;\n"])),(_ref4=>{let{theme}=_ref4;return theme.colors.fill.base}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.light}),(_ref6=>{let{theme}=_ref6;return theme.direction}))),PickerContainer=styled_components__WEBPACK_IMPORTED_MODULE_2__.Ay.div(_templateObject6||(_templateObject6=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  direction: ",";\n"])),(_ref7=>{let{theme}=_ref7;return theme.direction})),PickersBaseLine=(0,styled_components__WEBPACK_IMPORTED_MODULE_2__.DU)(_templateObject7||(_templateObject7=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_3__.A)(["\n  .bp5-date-range-input {\n    display: flex;\n    gap: 4px;\n    border: 1px solid\n      ",";\n    background-color: ",";\n    border-radius: 4px;\n    width: fit-content;\n    &:focus-within {\n      box-shadow: ","\n        0px 0px 0px 1px;\n      border-color: ",";\n    }\n    .bp5-input-group {\n      input.bp5-input {\n        width: ",";\n        border: unset !important;\n        outline: unset !important;\n        box-shadow: unset !important;\n        &#end-date-picker-input {\n          text-align: right;\n          padding-left: unset !important;\n        }\n        &#start-date-picker-input {\n          text-align: left;\n          padding-right: unset !important;\n        }\n      }\n    }\n    .bp5-input-group:has(.bp5-input#start-date-picker-input)::after {\n      content: '-';\n      padding-left: 6px;\n      font-family: ",";\n      font-size: ",";\n    color: ",";\n    }\n  }\n  .bp5-portal {\n    --rdp-accent-color: ",";\n    --rdp-accent-color-dark: #215db0;\n    .bp5-overlay {\n      .bp5-overlay-backdrop {\n        bottom: 0;\n        left: 0;\n        position: fixed;\n        right: 0;\n        top: 0;\n        opacity: 1;\n        overflow: auto;\n        user-select: none;\n      }\n      .bp5-overlay-content {\n        z-index: ",";\n        border: 1px solid ",";\n        box-shadow:\n          0px 2px 4px ",",\n          0px 2px 16px ",";\n        border-radius: 4px;\n        background: ",";\n        .bp5-popover {\n          .bp5-popover-content {\n            .bp5-datepicker {\n              &.bp5-daterangepicker {\n                .bp5-datepicker-content {\n                  width: 480px;\n                  .bp5-daterangepicker-calendars {\n                    display: flex;\n                  }\n                  .bp5-daterangepicker-timepickers {\n                    display: flex;\n                    justify-content: space-around;\n                    width: 100%;\n                    padding: 0 16px 16px 16px;\n                  }\n                  .rdp {\n                    .rdp-months {\n                      display: flex;\n                      gap: 16px;\n                      .rdp-month {\n                        flex: 1;\n                      }\n                      .rdp-month.rdp-caption_start {\n                        .rdp-caption {\n                          flex-direction: row-reverse;\n                        }\n                      }\n                      .rdp-month.rdp-caption_end {\n                        .rdp-caption {\n                          flex-direction: row;\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n              .bp5-datepicker-content {\n                align-items: center;\n                display: flex;\n                flex-direction: column;\n                width: 280px;\n                .rdp {\n                  width: 100%;\n                  padding: 16px;\n\n                  .rdp-month {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 16px;\n                  }\n                  .rdp-caption {\n                    gap: 8px;\n                    display: flex;\n                    justify-content: space-between;\n                    .rdp-vhidden {\n                      display: none;\n                    }\n                    .rdp-caption_dropdowns {\n                      display: flex;\n                      align-items: center;\n                      button {\n                        background: linear-gradient(\n                          180deg,\n                          "," 2.56%,\n                          "," 95.75%\n                        );\n                        outline: none;\n                      }\n                      button.bp5-datepicker-month-select {\n                        border-radius: 4px 0 0 4px;\n                      }\n                      button.bp5-datepicker-year-select {\n                        border-radius: 0px 4px 4px 0px;\n                      }\n                    }\n                    .rdp-nav {\n                      display: flex;\n                      align-items: center;\n                      button.bp5-datepicker-nav-button {\n                        border: unset;\n                        padding: unset;\n                        margin: unset;\n                        background: unset;\n                        height: 24px;\n                        width: 24px;\n                        cursor: pointer;\n                        svg path {\n                          fill: ",";\n                        }\n                        span.bp5-icon {\n                          display: grid;\n                          place-content: center;\n                        }\n                      }\n                    }\n                  }\n                }\n                .bp5-datepicker-timepicker-wrapper {\n                  padding: 0 16px 16px 16px;\n                }\n                .bp5-timepicker {\n                  display: flex;\n                  align-items: center;\n                  gap: 8px;\n                  .bp5-timepicker-input-row {\n                    display: flex;\n                    align-items: center;\n                    gap: 4px;\n                  }\n                  .bp5-icon.bp5-icon-double-caret-vertical,\n                  .bp5-timepicker-arrow-row {\n                    display: none;\n                  }\n                }\n              }\n              .bp5-datepicker-footer {\n                background: ",";\n                padding: 8px;\n                display: flex;\n                flex-direction: row-reverse;\n                justify-content: space-between;\n                width: 100%;\n                border-top: 1px solid\n                  ",";\n                button.bp5-button {\n                  border: unset;\n                  padding: 6px 12px;\n                  margin: unset;\n                  background: unset;\n                  cursor: pointer;\n                  font-family: ",";\n                  font-weight: 500;\n                  line-height: 14px;\n                  font-size: 14px;\n                  color: ",";\n                  height: 32px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    * {\n      box-sizing: border-box;\n    }\n  }\n  input.bp5-timepicker-input,\n  input.bp5-input {\n    &[type='number'] {\n      width: fit-content;\n    }\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    font-weight: 500;\n    line-height: 20px;\n    font-family: ",";\n    border-radius: 4px;\n    transition: all 0.2s ease-in-out;\n    padding: 6px 12px !important;\n    outline: unset;\n    border: 1px solid\n      ",";\n    background-color: ",";\n    border-radius: 4px;\n    transition: all 0.2s ease-in-out;\n    &::placeholder {\n      font-family: ",";\n      font-size: ",";\n      color: ",";\n    }\n    &:hover {\n      border-color: ",";\n    }\n    &:focus {\n      box-shadow: ","\n        0px 0px 0px 1px;\n      border-color: ",";\n    }\n    &:disabled {\n      opacity: 0.6;\n      background-color: ",";\n    }\n\n    color: ",";\n  }\n  table.rdp-table {\n    thead,\n    tbody,\n    tr,\n    th,\n    td {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n    td.rdp-cell {\n      text-align: center;\n    }\n    td:has(button.bp5-button.rdp-day.rdp-day_hovered),\n    td:has(button.bp5-button.rdp-day_range_middle) {\n      background: ",";\n      color: ",";\n    }\n    td:has(button.bp5-button.rdp-day_outside) {\n      color: "," !important;\n      background: unset !important;\n    }\n    td:has(button.bp5-button.rdp-day_range_end) {\n      background-image: linear-gradient(\n        to right,\n        ",",\n        ","\n      );\n    }\n    td:has(button.bp5-button.rdp-day_range_start) {\n      background-image: linear-gradient(\n        to left,\n        ",",\n        ","\n      );\n    }\n    width: 100%;\n    -webkit-border-vertical-spacing: 8px;\n    -webkit-border-horizontal-spacing: 0px;\n    border-collapse: unset;\n    font-size: 12px;\n    font-family: ",";\n    thead {\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 0px;\n      text-align: center;\n      color: ",";\n    }\n    button.rdp-day {\n      height: 24px;\n      width: 24px;\n      padding: 0px;\n      /* margin: 4px; */\n      font-size: 14px;\n      font-weight: 400;\n      letter-spacing: 0px;\n      text-align: center;\n      color: ",";\n      background: unset;\n      border-radius: 4px;\n      border: none;\n      &.rdp-day_today {\n        border: 1px solid rgb(207, 215, 223);\n        color: ",";\n      }\n      &.rdp-day_selected.rdp-day_hovered.rdp-day_range_end {\n        opacity: 50%;\n      }\n      &.rdp-day_hovered_end:not(.rdp-day_outside) {\n        background-color: var(--rdp-accent-color) !important;\n        color: "," !important;\n      }\n      &.rdp-day_range_end {\n      }\n      &.rdp-day_selected {\n        background-color: var(--rdp-accent-color);\n        color: ",";\n      }\n      &.rdp-day_range_middle {\n        background: unset;\n        color: ",";\n        border-radius: 0;\n      }\n      &.rdp-day_outside {\n        color: ",";\n        background: unset;\n      }\n      &.rdp-day_disabled {\n        background: none;\n        color: ",";\n        cursor: not-allowed;\n      }\n      &:not([disabled]):not(.rdp-day_selected):focus {\n        border: ",";\n      }\n      &:not([disabled]):not(.rdp-day_selected):hover {\n        background: ",";\n        border: ",";\n      }\n    }\n  }\n  .bp5-html-select {\n    select {\n      background: linear-gradient(\n        180deg,\n        "," 2.56%,\n        #f3f5f7 95.75%\n      );\n      border: 1px solid ",";\n      height: 34px;\n      padding: 6px 32px 6px 12px;\n      font-weight: 500;\n      font-size: 14px;\n      line-height: 20px;\n      border-radius: 4px;\n      color: ",";\n      appearance: none;\n      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OCA1LjY5OTg1QzMuODE0MTEgNS42OTgzNSAzLjYzNTYyIDUuNjI2OTUgMy40OTk5OCA1LjQ5OTg1TDAuMjA5OTg0IDIuMTk5ODVDMC4wNzMwMTkzIDIuMDY5NiAtMC4wMDQ1MTY2IDEuODg4ODYgLTAuMDA0NTE2NiAxLjY5OTg1Qy0wLjAwNDUxNjYgMS41MTA4NCAwLjA3MzAxOTMgMS4zMzAxIDAuMjA5OTg0IDEuMTk5ODVDMC4zNDAyMzcgMS4wNjI4OSAwLjUyMDk3MyAwLjk4NTM1MiAwLjcwOTk4NCAwLjk4NTM1MkMwLjg5ODk5NSAwLjk4NTM1MiAxLjA3OTczIDEuMDYyODkgMS4yMDk5OCAxLjE5OTg1TDMuOTk5OTggMy45OTk4NUw2Ljc5OTk4IDEuMjA5ODVDNi45MzAyNCAxLjA3Mjg5IDcuMTEwOTcgMC45OTUzNTIgNy4yOTk5OCAwLjk5NTM1MkM3LjQ4ODk5IDAuOTk1MzUyIDcuNjY5NzMgMS4wNzI4OSA3Ljc5OTk4IDEuMjA5ODVDNy45MzY5NSAxLjM0MDEgOC4wMTQ0OCAxLjUyMDg0IDguMDE0NDggMS43MDk4NUM4LjAxNDQ4IDEuODk4ODYgNy45MzY5NSAyLjA3OTYgNy43OTk5OCAyLjIwOTg1TDQuNDk5OTggNS40OTk4NUM0LjM2NDM1IDUuNjI2OTUgNC4xODU4NSA1LjY5ODM1IDMuOTk5OTggNS42OTk4NVoiIGZpbGw9IiMyNjQ5NjYiLz4KPC9zdmc+Cg==');\n      background-repeat: no-repeat;\n      background-position: right 0.7rem top 50%;\n      background-size: 0.65rem auto;\n    }\n    select[name='months'] {\n      border-radius: 4px 0px 0px 4px;\n    }\n    select[name='years'] {\n      border-radius: 0px 4px 4px 0px;\n    }\n  }\n"])),(_ref8=>{let{theme,$isErrored}=_ref8;return $isErrored?theme.colors.border.error:theme.colors.border.normal}),(_ref9=>{let{theme}=_ref9;return theme.colors.fill.surface}),(_ref10=>{let{theme,$isErrored}=_ref10;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref11=>{let{theme,$isErrored}=_ref11;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref12=>{let{$inputLength}=_ref12;return"".concat(9.5*(null!=$inputLength?$inputLength:10),"px")}),(_ref13=>{let{theme}=_ref13;return theme.typography.fontFamily}),(_ref14=>{let{theme}=_ref14;return theme.typography.primary.fontSize}),(_ref15=>{let{theme}=_ref15;return theme.colors.text.primary}),(_ref16=>{let{theme}=_ref16;return theme.colors.common.accent}),(_ref17=>{let{theme}=_ref17;return theme.zIndex.popover||_themes__WEBPACK_IMPORTED_MODULE_0__.Mu.popover}),(_ref18=>{let{theme}=_ref18;return theme.colors.border.light}),(_ref19=>{let{theme}=_ref19;return(0,_themes__WEBPACK_IMPORTED_MODULE_0__.Yi)(theme.colors.shadow,.06)}),(_ref20=>{let{theme}=_ref20;return(0,_themes__WEBPACK_IMPORTED_MODULE_0__.Yi)(theme.colors.shadow,.16)}),(_ref21=>{let{theme}=_ref21;return theme.colors.fill.surface}),(_ref22=>{let{theme}=_ref22;return theme.colors.fill.surface}),(_ref23=>{let{theme}=_ref23;return theme.colors.fill.hover}),(_ref24=>{let{theme}=_ref24;return theme.colors.text.primary}),(_ref25=>{let{theme}=_ref25;return theme.colors.fill.base}),(_ref26=>{let{theme}=_ref26;return"dark"===theme.mode?theme.colors.border.light:"unset"}),(_ref27=>{let{theme}=_ref27;return theme.typography.fontFamily}),(_ref28=>{let{theme}=_ref28;return theme.colors.text.link}),(_ref29=>{let{theme}=_ref29;return theme.typography.fontFamily}),(_ref30=>{let{theme,$isErrored}=_ref30;return $isErrored?theme.colors.border.error:theme.colors.border.normal}),(_ref31=>{let{theme}=_ref31;return theme.colors.fill.surface}),(_ref32=>{let{theme}=_ref32;return theme.typography.fontFamily}),(_ref33=>{let{theme}=_ref33;return theme.typography.caption.fontSize}),(_ref34=>{let{theme}=_ref34;return theme.colors.text.placeholder}),(_ref35=>{let{theme,disabled,$isErrored}=_ref35;return disabled?theme.colors.border.normal:$isErrored?theme.colors.border.error:theme.colors.border.hover}),(_ref36=>{let{theme,$isErrored}=_ref36;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref37=>{let{theme,$isErrored}=_ref37;return $isErrored?theme.colors.border.error:theme.colors.border.active}),(_ref38=>{let{theme}=_ref38;return"dark"===theme.mode?theme.colors.fill.surface:"unset"}),(_ref39=>{let{theme}=_ref39;return theme.colors.text.primary}),(_ref40=>{let{theme}=_ref40;return(0,_themes__WEBPACK_IMPORTED_MODULE_0__.Yi)(theme.colors.fill.hilight,"dark"===theme.mode?.5:1)}),(_ref41=>{let{theme}=_ref41;return theme.colors.text.primary}),(_ref42=>{let{theme}=_ref42;return theme.colors.text.placeholder}),(_ref43=>{let{theme}=_ref43;return(0,_themes__WEBPACK_IMPORTED_MODULE_0__.Yi)(theme.colors.fill.hilight,"dark"===theme.mode?.5:1)}),(_ref44=>{let{theme}=_ref44;return theme.colors.fill.surface}),(_ref45=>{let{theme}=_ref45;return(0,_themes__WEBPACK_IMPORTED_MODULE_0__.Yi)(theme.colors.fill.hilight,"dark"===theme.mode?.5:1)}),(_ref46=>{let{theme}=_ref46;return theme.colors.fill.surface}),(_ref47=>{let{theme}=_ref47;return theme.typography.fontFamily}),(_ref48=>{let{theme}=_ref48;return theme.colors.text.secondary}),(_ref49=>{let{theme}=_ref49;return theme.colors.text.primary}),(_ref50=>{let{theme}=_ref50;return theme.colors.text.primary}),(_ref51=>{let{theme}=_ref51;return theme.colors.text.inverse}),(_ref52=>{let{theme}=_ref52;return theme.colors.text.inverse}),(_ref53=>{let{theme}=_ref53;return theme.colors.text.primary}),(_ref54=>{let{theme}=_ref54;return theme.colors.text.placeholder}),(_ref55=>{let{theme}=_ref55;return"dark"===theme.mode?"rgba(171, 179, 191, 0.6)":"rgba(95, 107, 124, 0.6)"}),(_ref56=>{let{theme}=_ref56;return"dark"===theme.mode?"1px solid ".concat(theme.colors.border.light):"unset"}),(_ref57=>{let{theme}=_ref57;return"dark"===theme.mode?theme.colors.fill.medium:theme.colors.fill.hover}),(_ref58=>{let{theme}=_ref58;return"dark"===theme.mode?"1px solid ".concat(theme.colors.border.light):"unset"}),(_ref59=>{let{theme}=_ref59;return theme.colors.fill.surface}),(_ref60=>{let{theme}=_ref60;return theme.colors.border.normal}),(_ref61=>{let{theme}=_ref61;return theme.colors.text.primary}))}}]);

package/storybook-static/stories-Toast-stories.9213bc14.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[77960],{"./src/stories/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,UseToasts:()=>UseToasts,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Button/index.ts"),_components_Toast_ToastContext__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Toast/ToastContext.ts"),_components_Toast_ToastItem__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Toast/ToastItem.tsx"),_components_Toast_use_toasts__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Toast/use-toasts.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Toast",component:_components_Toast_ToastItem__WEBPACK_IMPORTED_MODULE_3__.z,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}};let count=1;const PrimaryStory=props=>{var _React$useContext,_props$type2,_props$delay2;const{addToast}=null!==(_React$useContext=react__WEBPACK_IMPORTED_MODULE_0__.useContext(_components_Toast_ToastContext__WEBPACK_IMPORTED_MODULE_2__.$))&&void 0!==_React$useContext?_React$useContext:{};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_1__.$,{style:{width:"fit-content"},onClick:()=>{addToast({text:"Toast - Ticket properties updated. Check audit-logs for more details - ".concat(count++),type:"success",delay:1e4}),setTimeout((()=>{addToast({text:"Toast - Ticket properties updated. Check audit-logs for more details - ".concat(count++),type:"error",delay:1e4}),setTimeout((()=>{addToast({text:"Toast - Ticket properties updated. Check audit-logs for more details - ".concat(count++),type:"warning",delay:1e4}),setTimeout((()=>{addToast({text:"Toast - Ticket properties updated. Check audit-logs for more details - ".concat(count++),type:"error",delay:1e4})}),1e3)}),1e3)}),1e3)},children:"Random"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_1__.$,{style:{width:"fit-content"},onClick:()=>{var _props$text,_props$type,_props$delay;addToast({text:null!==(_props$text=props.text)&&void 0!==_props$text?_props$text:"",type:null!==(_props$type=props.type)&&void 0!==_props$type?_props$type:"success",delay:null!==(_props$delay=props.delay)&&void 0!==_props$delay?_props$delay:30})},children:"Open ".concat(null!==(_props$type2=props.type)&&void 0!==_props$type2?_props$type2:"success"," toast (").concat((null!==(_props$delay2=props.delay)&&void 0!==_props$delay2?_props$delay2:3e3)/1e3,"s)")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("code",{children:JSON.stringify(props,null,"\t")})]})},Primary={render:function Render(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(PrimaryStory,{delay:props.delay,type:props.type,text:props.text})},args:{id:"1",text:"Title 1",type:"success",delay:3e3,index:0}},UseToastsStory=props=>{var _props$type4,_props$delay4;const[,setToast]=(0,_components_Toast_use_toasts__WEBPACK_IMPORTED_MODULE_4__.Y)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_Button__WEBPACK_IMPORTED_MODULE_1__.$,{style:{width:"fit-content"},onClick:()=>{var _props$text2,_props$type3,_props$delay3;setToast({text:null!==(_props$text2=props.text)&&void 0!==_props$text2?_props$text2:"",type:null!==(_props$type3=props.type)&&void 0!==_props$type3?_props$type3:"success",delay:null!==(_props$delay3=props.delay)&&void 0!==_props$delay3?_props$delay3:30,showProgress:props.showProgress,fixed:props.fixed})},children:"Open ".concat(null!==(_props$type4=props.type)&&void 0!==_props$type4?_props$type4:"success"," toast (").concat((null!==(_props$delay4=props.delay)&&void 0!==_props$delay4?_props$delay4:3e3)/1e3,"s)")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("code",{children:JSON.stringify(props,null,"\t")})]})},UseToasts={render:function Render(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(UseToastsStory,{...props})},args:{id:"1",text:"Title 1",type:"success",delay:3e3,index:0,showProgress:!0,fixed:!1}},__namedExportsOrder=["Primary","UseToasts"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    return <PrimaryStory delay={props.delay} type={props.type} text={props.text} />;\n  },\n  args: {\n    id: '1',\n    text: 'Title 1',\n    type: 'success',\n    delay: 3000,\n    index: 0\n  }\n}",...Primary.parameters?.docs?.source}}},UseToasts.parameters={...UseToasts.parameters,docs:{...UseToasts.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    return <UseToastsStory {...props} />;\n  },\n  args: {\n    id: '1',\n    text: 'Title 1',\n    type: 'success',\n    delay: 3000,\n    index: 0,\n    showProgress: true,\n    fixed: false\n  }\n}",...UseToasts.parameters?.docs?.source}}}},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js");const ButtonSizeMap={large:{height:"45px",size:"16px"},mini:{height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}};var _templateObject;const StyledButton=styled_components_browser_esm.Ay.button(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  direction: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(_ref=>{let{theme}=_ref;return theme.direction}),(_ref2=>{let{theme}=_ref2;return theme.typography.fontWeight["semi-bold"]}),(_ref3=>{let{theme}=_ref3;return theme.typography.fontFamily}),(_ref4=>{let{$inline}=_ref4;return $inline?"inline-block":"block"}),(_ref5=>{let{theme,$variant}=_ref5;return theme.components.button[$variant].borderColor}),(_ref6=>{let{theme,$variant}=_ref6;return theme.components.button[$variant].backgroundFrom}),(_ref7=>{let{theme,$variant}=_ref7;return theme.components.button[$variant].backgroundTo}),(_ref8=>{let{theme,$variant}=_ref8;return theme.components.button[$variant].color}),(_ref9=>{let{$size}=_ref9;return ButtonSizeMap[$size].height}),(_ref10=>{let{$size}=_ref10;return ButtonSizeMap[$size].size}),(_ref11=>{let{disabled}=_ref11;return disabled?"not-allowed":"pointer"}),(_ref12=>{let{theme,$variant}=_ref12;return theme.components.button[$variant].hoverColor}),(_ref13=>{let{theme,$variant}=_ref13;return theme.components.button[$variant].activeBackgroundColor}),(_ref14=>{let{theme,$variant}=_ref14;return theme.components.button[$variant].activeBorderColor}),(_ref15=>{let{theme,$variant}=_ref15;return theme.components.button[$variant].disabledColor}),(_ref16=>{let{theme,$variant}=_ref16;return theme.components.button[$variant].disabledBorderColor}),(_ref17=>{let{theme,$variant}=_ref17;return theme.components.button[$variant].disabledBackgroundFrom}),(_ref18=>{let{theme,$variant}=_ref18;return theme.components.button[$variant].disabledBackgroundTo}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=react.forwardRef(((_ref,forwardedRef)=>{let{size="normal",variant="primary",children="",loading=!1,inline=!0,...props}=_ref;return react.useEffect((()=>{"string"==typeof children||props["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")}),[]),(0,jsx_runtime.jsx)(StyledButton,{$size:size,$variant:variant,$inline:inline,disabled:props.disabled||loading,"aria-disabled":props.disabled||loading,"aria-label":"string"==typeof children?children:void 0,role:"button",...props,ref:forwardedRef,children:loading?(0,jsx_runtime.jsx)(Loader,{}):children})})),Loader=()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"..."}),Button_Button=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.",displayName:"Button",props:{size:{defaultValue:{value:"normal"},description:"The size of the button",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"mini"'},{value:'"normal"'}]}},variant:{defaultValue:{value:"primary"},description:"The variant of the button",name:"variant",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},children:{defaultValue:{value:""},description:"The children to be displayed in the button",name:"children",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"Whether the button is loading",name:"loading",required:!1,type:{name:"boolean"}},inline:{defaultValue:{value:"true"},description:"Whether the button is inline",name:"inline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>_Button__WEBPACK_IMPORTED_MODULE_0__.A});var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx")}}]);

package/storybook-static/stories-Toggle-stories.1b1da7df.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[54107],{"./node_modules/@radix-ui/react-use-previous/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>$010c2913dbd2fe3d$export$5cae361ad82dce8b});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value){const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({value,previous:value});return(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(ref.current.value!==value&&(ref.current.previous=ref.current.value,ref.current.value=value),ref.current.previous)),[value])}},"./node_modules/@radix-ui/react-use-size/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{X:()=>$db6c3485150b8e66$export$1ab7ae714698c4b8});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");function $db6c3485150b8e66$export$1ab7ae714698c4b8(element){const[size,setSize]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(void 0);return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.N)((()=>{if(element){setSize({width:element.offsetWidth,height:element.offsetHeight});const resizeObserver=new ResizeObserver((entries=>{if(!Array.isArray(entries))return;if(!entries.length)return;const entry=entries[0];let width,height;if("borderBoxSize"in entry){const borderSizeEntry=entry.borderBoxSize,borderSize=Array.isArray(borderSizeEntry)?borderSizeEntry[0]:borderSizeEntry;width=borderSize.inlineSize,height=borderSize.blockSize}else width=element.offsetWidth,height=element.offsetHeight;setSize({width,height})}));return resizeObserver.observe(element,{box:"border-box"}),()=>resizeObserver.unobserve(element)}setSize(void 0)}),[element]),size}},"./src/stories/Toggle.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Bottom:()=>Bottom,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toggle_stories});var react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("./node_modules/@radix-ui/primitive/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("./node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_context_dist=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("./node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_use_previous_dist=__webpack_require__("./node_modules/@radix-ui/react-use-previous/dist/index.mjs"),react_use_size_dist=__webpack_require__("./node_modules/@radix-ui/react-use-size/dist/index.mjs"),react_primitive_dist=__webpack_require__("./node_modules/@radix-ui/react-primitive/dist/index.mjs");const[$6be4966fd9bbc698$var$createSwitchContext,$6be4966fd9bbc698$export$cf7f5f17f69cbd43]=(0,react_context_dist.A)("Switch"),[$6be4966fd9bbc698$var$SwitchProvider,$6be4966fd9bbc698$var$useSwitchContext]=$6be4966fd9bbc698$var$createSwitchContext("Switch"),$6be4966fd9bbc698$export$b5d5cf8927ab7262=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSwitch,name,checked:checkedProp,defaultChecked,required,disabled,value="on",onCheckedChange,...switchProps}=props,[button,setButton]=(0,react.useState)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,(node=>setButton(node))),hasConsumerStoppedPropagationRef=(0,react.useRef)(!1),isFormControl=!button||Boolean(button.closest("form")),[checked=!1,setChecked]=(0,react_use_controllable_state_dist.i)({prop:checkedProp,defaultProp:defaultChecked,onChange:onCheckedChange});return(0,react.createElement)($6be4966fd9bbc698$var$SwitchProvider,{scope:__scopeSwitch,checked,disabled},(0,react.createElement)(react_primitive_dist.sG.button,(0,esm_extends.A)({type:"button",role:"switch","aria-checked":checked,"aria-required":required,"data-state":$6be4966fd9bbc698$var$getState(checked),"data-disabled":disabled?"":void 0,disabled,value},switchProps,{ref:composedRefs,onClick:(0,dist.m)(props.onClick,(event=>{setChecked((prevChecked=>!prevChecked)),isFormControl&&(hasConsumerStoppedPropagationRef.current=event.isPropagationStopped(),hasConsumerStoppedPropagationRef.current||event.stopPropagation())}))})),isFormControl&&(0,react.createElement)($6be4966fd9bbc698$var$BubbleInput,{control:button,bubbles:!hasConsumerStoppedPropagationRef.current,name,value,checked,required,disabled,style:{transform:"translateX(-100%)"}}))})),$6be4966fd9bbc698$export$4d07bf653ea69106=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeSwitch,...thumbProps}=props,context=$6be4966fd9bbc698$var$useSwitchContext("SwitchThumb",__scopeSwitch);return(0,react.createElement)(react_primitive_dist.sG.span,(0,esm_extends.A)({"data-state":$6be4966fd9bbc698$var$getState(context.checked),"data-disabled":context.disabled?"":void 0},thumbProps,{ref:forwardedRef}))})),$6be4966fd9bbc698$var$BubbleInput=props=>{const{control,checked,bubbles=!0,...inputProps}=props,ref=(0,react.useRef)(null),prevChecked=(0,react_use_previous_dist.Z)(checked),controlSize=(0,react_use_size_dist.X)(control);return(0,react.useEffect)((()=>{const input=ref.current,inputProto=window.HTMLInputElement.prototype,setChecked=Object.getOwnPropertyDescriptor(inputProto,"checked").set;if(prevChecked!==checked&&setChecked){const event=new Event("click",{bubbles});setChecked.call(input,checked),input.dispatchEvent(event)}}),[prevChecked,checked,bubbles]),(0,react.createElement)("input",(0,esm_extends.A)({type:"checkbox","aria-hidden":!0,defaultChecked:checked},inputProps,{tabIndex:-1,ref,style:{...props.style,...controlSize,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function $6be4966fd9bbc698$var$getState(checked){return checked?"checked":"unchecked"}const $6be4966fd9bbc698$export$be92b6f5f03c0fe9=$6be4966fd9bbc698$export$b5d5cf8927ab7262,$6be4966fd9bbc698$export$6521433ed15a34db=$6be4966fd9bbc698$export$4d07bf653ea69106;var _templateObject,_templateObject2;const VariantMapping={sm:{width:28,height:12,thumb:16,offTransform:[-2,-2],onTransform:[14,-2]},md:{width:36,height:16,thumb:20,offTransform:[-2,-2],onTransform:[18,-2]},lg:{width:44,height:20,thumb:24,offTransform:[-2,-2],onTransform:[22,-2]}},StyledSwitchRoot=(0,styled_components_browser_esm.Ay)($6be4966fd9bbc698$export$be92b6f5f03c0fe9)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  margin: 0;\n  padding: 0;\n  outline: 0;\n  border: none;\n  position: relative;\n  width: ","px;\n  height: ","px;\n  border-radius: ","px;\n  direction: ltr !important;\n  &[data-disabled] {\n    opacity: 0.5;\n  }\n  &[data-state='unchecked'] {\n    background-color: ",";\n    &:focus {\n      span {\n        box-shadow: 0 0 0 1px ",";\n      }\n    }\n  }\n  &[data-state='checked'] {\n    background-color: ",";\n    &:focus {\n      span {\n        box-shadow: 0 0 0 1px ",";\n      }\n    }\n  }\n"])),(_ref=>{let{size}=_ref;return VariantMapping[size].width}),(_ref2=>{let{size}=_ref2;return VariantMapping[size].height}),(_ref3=>{let{size}=_ref3;return VariantMapping[size].height/2}),(_ref4=>{let{theme}=_ref4;return theme.colors.border.hover}),(_ref5=>{let{theme}=_ref5;return theme.colors.border.hover}),(_ref6=>{let{theme}=_ref6;return theme.colors.common.accent}),(_ref7=>{let{theme}=_ref7;return theme.colors.border.active})),StyledThumbRoot=(0,styled_components_browser_esm.Ay)($6be4966fd9bbc698$export$6521433ed15a34db)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  display: grid;\n  place-content: center;\n  width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  direction: ltr !important;\n  background-color: ",";\n  transition: transform 100ms;\n  transform: translate(\n    ","\n  ) !important;\n  will-change: transform;\n  overflow: hidden;\n  &[data-state='unchecked']:not([data-disabled]) {\n    &:hover {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n  &[data-state='unchecked'] {\n    border: 1px solid ",";\n    svg.toggle-on {\n      display: none;\n    }\n  }\n  &[data-state='checked']:not([data-disabled]) {\n    &:hover {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n  &[data-state='checked'] {\n    transform: translate(\n      ","\n    ) !important;\n    border: 1px solid ",";\n    svg.toggle-off {\n      display: none;\n    }\n  }\n"])),(_ref8=>{let{size}=_ref8;return VariantMapping[size].thumb}),(_ref9=>{let{size}=_ref9;return VariantMapping[size].thumb}),(_ref10=>{let{theme}=_ref10;return theme.colors.common.white}),(_ref11=>{let{theme,size}=_ref11;return("ltr"===theme.direction?VariantMapping[size].offTransform:VariantMapping[size].onTransform).map((v=>"".concat(v,"px"))).join(",")}),(_ref12=>{let{theme}=_ref12;return theme.colors.border.hover}),(_ref13=>{let{theme}=_ref13;return theme.colors.border.hover}),(_ref14=>{let{theme}=_ref14;return theme.colors.border.active}),(_ref15=>{let{theme,size}=_ref15;return("ltr"===theme.direction?VariantMapping[size].onTransform:VariantMapping[size].offTransform).map((v=>"".concat(v,"px"))).join(",")}),(_ref16=>{let{theme}=_ref16;return theme.colors.common.accent})),TickIconMap={sm:{width:6,height:4.3},md:{width:8,height:5.73},lg:{width:10,height:7.16}},CrossIconMap={sm:{width:4.5,height:4.5},md:{width:6,height:6},lg:{width:8,height:8}};var Cross=__webpack_require__("./src/components/Icons/Cross.tsx"),TickIcon=__webpack_require__("./src/components/Icons/TickIcon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Toggle=_ref=>{let{handleChange,hasIcon=!1,on,isErrored,isRequired,size="md",thumbProps,...rest}=_ref;const theme=(0,styled_components_browser_esm.DP)();return(0,jsx_runtime.jsx)(StyledSwitchRoot,{checked:on,onCheckedChange:checked=>{null==handleChange||handleChange(checked)},required:isRequired,"aria-required":isRequired,size,...rest,children:(0,jsx_runtime.jsxs)(StyledThumbRoot,{...thumbProps,size,children:[hasIcon&&(0,jsx_runtime.jsx)(TickIcon.A,{fill:theme.colors.common.accent,className:"toggle-on",...TickIconMap[size]}),hasIcon&&(0,jsx_runtime.jsx)(Cross.A,{fill:theme.colors.text.primary,className:"toggle-off",...CrossIconMap[size]})]})})},Toggle_Toggle=Toggle;try{Toggle.displayName="Toggle",Toggle.__docgenInfo={description:"Toggle component is used to show a toggle to the user. It is used to show a switch to the user. It can be used to show a switch to the user.",displayName:"Toggle",props:{on:{defaultValue:null,description:"The position of the tooltip",name:"on",required:!1,type:{name:"boolean"}},handleChange:{defaultValue:null,description:"",name:"handleChange",required:!1,type:{name:"((on: boolean) => void)"}},size:{defaultValue:{value:"md"},description:"Is the button inline",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},hasIcon:{defaultValue:{value:"false"},description:"Is hasIcon enabled?",name:"hasIcon",required:!1,type:{name:"boolean"}},thumbProps:{defaultValue:null,description:"",name:"thumbProps",required:!1,type:{name:"HTMLAttributes<HTMLSpanElement>"}},isRequired:{defaultValue:null,description:"Is this a required field?",name:"isRequired",required:!1,type:{name:"boolean"}},isErrored:{defaultValue:null,description:"Is this a error field?",name:"isErrored",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Toggle/Toggle.tsx#Toggle"]={docgenInfo:Toggle.__docgenInfo,name:"Toggle",path:"src/components/Toggle/Toggle.tsx#Toggle"})}catch(__react_docgen_typescript_loader_error){}const Toggle_stories={title:"Components/Toggle",component:Toggle_Toggle,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Bottom={render:props=>(0,jsx_runtime.jsx)(Toggle_Toggle,{...props}),args:{hasIcon:!1,size:"md",disabled:!1}},__namedExportsOrder=["Bottom"];Bottom.parameters={...Bottom.parameters,docs:{...Bottom.parameters?.docs,source:{originalSource:"{\n  render: props => <Toggle {...props} />,\n  args: {\n    hasIcon: false,\n    size: 'md',\n    disabled: false\n  }\n}",...Bottom.parameters?.docs?.source}}}}}]);

package/storybook-static/stories-Tooltip-stories.ca538a76.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[9656],{"./node_modules/@radix-ui/react-id/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{B:()=>$1746a345f3d73bb7$export$f680877a34711e37});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs");const $1746a345f3d73bb7$var$useReactId=(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2)))["useId".toString()]||(()=>{});let $1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){const[id,setId]=react__WEBPACK_IMPORTED_MODULE_0__.useState($1746a345f3d73bb7$var$useReactId());return(0,_radix_ui_react_use_layout_effect__WEBPACK_IMPORTED_MODULE_1__.N)((()=>{deterministicId||setId((reactId=>null!=reactId?reactId:String($1746a345f3d73bb7$var$count++)))}),[deterministicId]),deterministicId||(id?`radix-${id}`:"")}},"./src/stories/Tooltip.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Bottom:()=>Bottom,HTML:()=>HTML,LargeText:()=>LargeText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Tooltip_stories});var react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styles=__webpack_require__("./src/styles/index.ts"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("./node_modules/@radix-ui/primitive/dist/index.mjs"),react_compose_refs_dist=__webpack_require__("./node_modules/@radix-ui/react-compose-refs/dist/index.mjs"),react_context_dist=__webpack_require__("./node_modules/@radix-ui/react-context/dist/index.mjs"),react_dismissable_layer_dist=__webpack_require__("./node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"),react_id_dist=__webpack_require__("./node_modules/@radix-ui/react-id/dist/index.mjs"),react_popper_dist=__webpack_require__("./node_modules/@radix-ui/react-popper/dist/index.mjs"),react_portal_dist=__webpack_require__("./node_modules/@radix-ui/react-portal/dist/index.mjs"),react_presence_dist=__webpack_require__("./node_modules/@radix-ui/react-presence/dist/index.mjs"),react_primitive_dist=__webpack_require__("./node_modules/@radix-ui/react-primitive/dist/index.mjs"),react_slot_dist=__webpack_require__("./node_modules/@radix-ui/react-slot/dist/index.mjs"),react_use_controllable_state_dist=__webpack_require__("./node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"),react_visually_hidden_dist=__webpack_require__("./node_modules/@radix-ui/react-visually-hidden/dist/index.mjs");const[$a093c7e1ec25a057$var$createTooltipContext,$a093c7e1ec25a057$export$1c540a2224f0d865]=(0,react_context_dist.A)("Tooltip",[react_popper_dist.Bk]),$a093c7e1ec25a057$var$usePopperScope=(0,react_popper_dist.Bk)(),$a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION=700,[$a093c7e1ec25a057$var$TooltipProviderContextProvider,$a093c7e1ec25a057$var$useTooltipProviderContext]=$a093c7e1ec25a057$var$createTooltipContext("TooltipProvider"),$a093c7e1ec25a057$export$f78649fb9ca566b8=props=>{const{__scopeTooltip,delayDuration=$a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION,skipDelayDuration=300,disableHoverableContent=!1,children}=props,[isOpenDelayed,setIsOpenDelayed]=(0,react.useState)(!0),isPointerInTransitRef=(0,react.useRef)(!1),skipDelayTimerRef=(0,react.useRef)(0);return(0,react.useEffect)((()=>{const skipDelayTimer=skipDelayTimerRef.current;return()=>window.clearTimeout(skipDelayTimer)}),[]),(0,react.createElement)($a093c7e1ec25a057$var$TooltipProviderContextProvider,{scope:__scopeTooltip,isOpenDelayed,delayDuration,onOpen:(0,react.useCallback)((()=>{window.clearTimeout(skipDelayTimerRef.current),setIsOpenDelayed(!1)}),[]),onClose:(0,react.useCallback)((()=>{window.clearTimeout(skipDelayTimerRef.current),skipDelayTimerRef.current=window.setTimeout((()=>setIsOpenDelayed(!0)),skipDelayDuration)}),[skipDelayDuration]),isPointerInTransitRef,onPointerInTransitChange:(0,react.useCallback)((inTransit=>{isPointerInTransitRef.current=inTransit}),[]),disableHoverableContent},children)},[$a093c7e1ec25a057$var$TooltipContextProvider,$a093c7e1ec25a057$var$useTooltipContext]=$a093c7e1ec25a057$var$createTooltipContext("Tooltip"),$a093c7e1ec25a057$export$28c660c63b792dea=props=>{const{__scopeTooltip,children,open:openProp,defaultOpen=!1,onOpenChange,disableHoverableContent:disableHoverableContentProp,delayDuration:delayDurationProp}=props,providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("Tooltip",props.__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),[trigger,setTrigger]=(0,react.useState)(null),contentId=(0,react_id_dist.B)(),openTimerRef=(0,react.useRef)(0),disableHoverableContent=null!=disableHoverableContentProp?disableHoverableContentProp:providerContext.disableHoverableContent,delayDuration=null!=delayDurationProp?delayDurationProp:providerContext.delayDuration,wasOpenDelayedRef=(0,react.useRef)(!1),[open1=!1,setOpen]=(0,react_use_controllable_state_dist.i)({prop:openProp,defaultProp:defaultOpen,onChange:open=>{open?(providerContext.onOpen(),document.dispatchEvent(new CustomEvent("tooltip.open"))):providerContext.onClose(),null==onOpenChange||onOpenChange(open)}}),stateAttribute=(0,react.useMemo)((()=>open1?wasOpenDelayedRef.current?"delayed-open":"instant-open":"closed"),[open1]),handleOpen=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),wasOpenDelayedRef.current=!1,setOpen(!0)}),[setOpen]),handleClose=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),setOpen(!1)}),[setOpen]),handleDelayedOpen=(0,react.useCallback)((()=>{window.clearTimeout(openTimerRef.current),openTimerRef.current=window.setTimeout((()=>{wasOpenDelayedRef.current=!0,setOpen(!0)}),delayDuration)}),[delayDuration,setOpen]);return(0,react.useEffect)((()=>()=>window.clearTimeout(openTimerRef.current)),[]),(0,react.createElement)(react_popper_dist.bL,popperScope,(0,react.createElement)($a093c7e1ec25a057$var$TooltipContextProvider,{scope:__scopeTooltip,contentId,open:open1,stateAttribute,trigger,onTriggerChange:setTrigger,onTriggerEnter:(0,react.useCallback)((()=>{providerContext.isOpenDelayed?handleDelayedOpen():handleOpen()}),[providerContext.isOpenDelayed,handleDelayedOpen,handleOpen]),onTriggerLeave:(0,react.useCallback)((()=>{disableHoverableContent?handleClose():window.clearTimeout(openTimerRef.current)}),[handleClose,disableHoverableContent]),onOpen:handleOpen,onClose:handleClose,disableHoverableContent},children))},$a093c7e1ec25a057$export$8c610744efcf8a1d=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,...triggerProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipTrigger",__scopeTooltip),providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("TooltipTrigger",__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,ref,context.onTriggerChange),isPointerDownRef=(0,react.useRef)(!1),hasPointerMoveOpenedRef=(0,react.useRef)(!1),handlePointerUp=(0,react.useCallback)((()=>isPointerDownRef.current=!1),[]);return(0,react.useEffect)((()=>()=>document.removeEventListener("pointerup",handlePointerUp)),[handlePointerUp]),(0,react.createElement)(react_popper_dist.Mz,(0,esm_extends.A)({asChild:!0},popperScope),(0,react.createElement)(react_primitive_dist.sG.button,(0,esm_extends.A)({"aria-describedby":context.open?context.contentId:void 0,"data-state":context.stateAttribute},triggerProps,{ref:composedRefs,onPointerMove:(0,dist.m)(props.onPointerMove,(event=>{"touch"!==event.pointerType&&(hasPointerMoveOpenedRef.current||providerContext.isPointerInTransitRef.current||(context.onTriggerEnter(),hasPointerMoveOpenedRef.current=!0))})),onPointerLeave:(0,dist.m)(props.onPointerLeave,(()=>{context.onTriggerLeave(),hasPointerMoveOpenedRef.current=!1})),onPointerDown:(0,dist.m)(props.onPointerDown,(()=>{isPointerDownRef.current=!0,document.addEventListener("pointerup",handlePointerUp,{once:!0})})),onFocus:(0,dist.m)(props.onFocus,(()=>{isPointerDownRef.current||context.onOpen()})),onBlur:(0,dist.m)(props.onBlur,context.onClose),onClick:(0,dist.m)(props.onClick,context.onClose)})))})),[$a093c7e1ec25a057$var$PortalProvider,$a093c7e1ec25a057$var$usePortalContext]=$a093c7e1ec25a057$var$createTooltipContext("TooltipPortal",{forceMount:void 0}),$a093c7e1ec25a057$export$7b36b8f925ab7497=props=>{const{__scopeTooltip,forceMount,children,container}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipPortal",__scopeTooltip);return(0,react.createElement)($a093c7e1ec25a057$var$PortalProvider,{scope:__scopeTooltip,forceMount},(0,react.createElement)(react_presence_dist.C,{present:forceMount||context.open},(0,react.createElement)(react_portal_dist.Z,{asChild:!0,container},children)))},$a093c7e1ec25a057$export$e9003e2be37ec060=(0,react.forwardRef)(((props,forwardedRef)=>{const portalContext=$a093c7e1ec25a057$var$usePortalContext("TooltipContent",props.__scopeTooltip),{forceMount=portalContext.forceMount,side="top",...contentProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",props.__scopeTooltip);return(0,react.createElement)(react_presence_dist.C,{present:forceMount||context.open},context.disableHoverableContent?(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentImpl,(0,esm_extends.A)({side},contentProps,{ref:forwardedRef})):(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentHoverable,(0,esm_extends.A)({side},contentProps,{ref:forwardedRef})))})),$a093c7e1ec25a057$var$TooltipContentHoverable=(0,react.forwardRef)(((props,forwardedRef)=>{const context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",props.__scopeTooltip),providerContext=$a093c7e1ec25a057$var$useTooltipProviderContext("TooltipContent",props.__scopeTooltip),ref=(0,react.useRef)(null),composedRefs=(0,react_compose_refs_dist.s)(forwardedRef,ref),[pointerGraceArea,setPointerGraceArea]=(0,react.useState)(null),{trigger,onClose}=context,content=ref.current,{onPointerInTransitChange}=providerContext,handleRemoveGraceArea=(0,react.useCallback)((()=>{setPointerGraceArea(null),onPointerInTransitChange(!1)}),[onPointerInTransitChange]),handleCreateGraceArea=(0,react.useCallback)(((event,hoverTarget)=>{const currentTarget=event.currentTarget,exitPoint={x:event.clientX,y:event.clientY},paddedExitPoints=function $a093c7e1ec25a057$var$getPaddedExitPoints(exitPoint,exitSide,padding=5){const paddedExitPoints=[];switch(exitSide){case"top":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y+padding},{x:exitPoint.x+padding,y:exitPoint.y+padding});break;case"bottom":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y-padding},{x:exitPoint.x+padding,y:exitPoint.y-padding});break;case"left":paddedExitPoints.push({x:exitPoint.x+padding,y:exitPoint.y-padding},{x:exitPoint.x+padding,y:exitPoint.y+padding});break;case"right":paddedExitPoints.push({x:exitPoint.x-padding,y:exitPoint.y-padding},{x:exitPoint.x-padding,y:exitPoint.y+padding})}return paddedExitPoints}(exitPoint,function $a093c7e1ec25a057$var$getExitSideFromRect(point,rect){const top=Math.abs(rect.top-point.y),bottom=Math.abs(rect.bottom-point.y),right=Math.abs(rect.right-point.x),left=Math.abs(rect.left-point.x);switch(Math.min(top,bottom,right,left)){case left:return"left";case right:return"right";case top:return"top";case bottom:return"bottom";default:throw new Error("unreachable")}}(exitPoint,currentTarget.getBoundingClientRect())),graceArea=function $a093c7e1ec25a057$var$getHull(points){const newPoints=points.slice();return newPoints.sort(((a,b)=>a.x<b.x?-1:a.x>b.x?1:a.y<b.y?-1:a.y>b.y?1:0)),function $a093c7e1ec25a057$var$getHullPresorted(points){if(points.length<=1)return points.slice();const upperHull=[];for(let i=0;i<points.length;i++){const p=points[i];for(;upperHull.length>=2;){const q=upperHull[upperHull.length-1],r=upperHull[upperHull.length-2];if(!((q.x-r.x)*(p.y-r.y)>=(q.y-r.y)*(p.x-r.x)))break;upperHull.pop()}upperHull.push(p)}upperHull.pop();const lowerHull=[];for(let i1=points.length-1;i1>=0;i1--){const p=points[i1];for(;lowerHull.length>=2;){const q=lowerHull[lowerHull.length-1],r=lowerHull[lowerHull.length-2];if(!((q.x-r.x)*(p.y-r.y)>=(q.y-r.y)*(p.x-r.x)))break;lowerHull.pop()}lowerHull.push(p)}return lowerHull.pop(),1===upperHull.length&&1===lowerHull.length&&upperHull[0].x===lowerHull[0].x&&upperHull[0].y===lowerHull[0].y?upperHull:upperHull.concat(lowerHull)}(newPoints)}([...paddedExitPoints,...function $a093c7e1ec25a057$var$getPointsFromRect(rect){const{top,right,bottom,left}=rect;return[{x:left,y:top},{x:right,y:top},{x:right,y:bottom},{x:left,y:bottom}]}(hoverTarget.getBoundingClientRect())]);setPointerGraceArea(graceArea),onPointerInTransitChange(!0)}),[onPointerInTransitChange]);return(0,react.useEffect)((()=>()=>handleRemoveGraceArea()),[handleRemoveGraceArea]),(0,react.useEffect)((()=>{if(trigger&&content){const handleTriggerLeave=event=>handleCreateGraceArea(event,content),handleContentLeave=event=>handleCreateGraceArea(event,trigger);return trigger.addEventListener("pointerleave",handleTriggerLeave),content.addEventListener("pointerleave",handleContentLeave),()=>{trigger.removeEventListener("pointerleave",handleTriggerLeave),content.removeEventListener("pointerleave",handleContentLeave)}}}),[trigger,content,handleCreateGraceArea,handleRemoveGraceArea]),(0,react.useEffect)((()=>{if(pointerGraceArea){const handleTrackPointerGrace=event=>{const target=event.target,pointerPosition={x:event.clientX,y:event.clientY},hasEnteredTarget=(null==trigger?void 0:trigger.contains(target))||(null==content?void 0:content.contains(target)),isPointerOutsideGraceArea=!function $a093c7e1ec25a057$var$isPointInPolygon(point,polygon){const{x,y}=point;let inside=!1;for(let i=0,j=polygon.length-1;i<polygon.length;j=i++){const xi=polygon[i].x,yi=polygon[i].y,xj=polygon[j].x,yj=polygon[j].y;yi>y!=yj>y&&x<(xj-xi)*(y-yi)/(yj-yi)+xi&&(inside=!inside)}return inside}(pointerPosition,pointerGraceArea);hasEnteredTarget?handleRemoveGraceArea():isPointerOutsideGraceArea&&(handleRemoveGraceArea(),onClose())};return document.addEventListener("pointermove",handleTrackPointerGrace),()=>document.removeEventListener("pointermove",handleTrackPointerGrace)}}),[trigger,content,pointerGraceArea,onClose,handleRemoveGraceArea]),(0,react.createElement)($a093c7e1ec25a057$var$TooltipContentImpl,(0,esm_extends.A)({},props,{ref:composedRefs}))})),[$a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider,$a093c7e1ec25a057$var$useVisuallyHiddenContentContext]=$a093c7e1ec25a057$var$createTooltipContext("Tooltip",{isInside:!1}),$a093c7e1ec25a057$var$TooltipContentImpl=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,children,"aria-label":ariaLabel,onEscapeKeyDown,onPointerDownOutside,...contentProps}=props,context=$a093c7e1ec25a057$var$useTooltipContext("TooltipContent",__scopeTooltip),popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip),{onClose}=context;return(0,react.useEffect)((()=>(document.addEventListener("tooltip.open",onClose),()=>document.removeEventListener("tooltip.open",onClose))),[onClose]),(0,react.useEffect)((()=>{if(context.trigger){const handleScroll=event=>{const target=event.target;null!=target&&target.contains(context.trigger)&&onClose()};return window.addEventListener("scroll",handleScroll,{capture:!0}),()=>window.removeEventListener("scroll",handleScroll,{capture:!0})}}),[context.trigger,onClose]),(0,react.createElement)(react_dismissable_layer_dist.qW,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown,onPointerDownOutside,onFocusOutside:event=>event.preventDefault(),onDismiss:onClose},(0,react.createElement)(react_popper_dist.UC,(0,esm_extends.A)({"data-state":context.stateAttribute},popperScope,contentProps,{ref:forwardedRef,style:{...contentProps.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"}}),(0,react.createElement)(react_slot_dist.xV,null,children),(0,react.createElement)($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider,{scope:__scopeTooltip,isInside:!0},(0,react.createElement)(react_visually_hidden_dist.b,{id:context.contentId,role:"tooltip"},ariaLabel||children))))})),$a093c7e1ec25a057$export$c27ee0ad710f7559=(0,react.forwardRef)(((props,forwardedRef)=>{const{__scopeTooltip,...arrowProps}=props,popperScope=$a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);return $a093c7e1ec25a057$var$useVisuallyHiddenContentContext("TooltipArrow",__scopeTooltip).isInside?null:(0,react.createElement)(react_popper_dist.i3,(0,esm_extends.A)({},popperScope,arrowProps,{ref:forwardedRef}))}));const $a093c7e1ec25a057$export$2881499e37b75b9a=$a093c7e1ec25a057$export$f78649fb9ca566b8,$a093c7e1ec25a057$export$be92b6f5f03c0fe9=$a093c7e1ec25a057$export$28c660c63b792dea,$a093c7e1ec25a057$export$41fb9f06171c75f4=$a093c7e1ec25a057$export$8c610744efcf8a1d,$a093c7e1ec25a057$export$602eac185826482c=$a093c7e1ec25a057$export$7b36b8f925ab7497,$a093c7e1ec25a057$export$7c6e2c02157bb7d2=$a093c7e1ec25a057$export$e9003e2be37ec060,$a093c7e1ec25a057$export$21b07c8f274aebd5=$a093c7e1ec25a057$export$c27ee0ad710f7559;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,keyframes=__webpack_require__("./src/styles/keyframes.ts");const TooltipArrow=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$21b07c8f274aebd5)(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  fill: ",";\n"])),(_ref=>{let{theme}=_ref;return theme.colors.fill.inverse})),TooltipContent=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$7c6e2c02157bb7d2)(_templateObject2||(_templateObject2=(0,taggedTemplateLiteral.A)(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  color: ",";\n  background-color: ",";\n  border-radius: 4px;\n  padding: 2px 8px;\n  user-select: none;\n  animation-duration: ",";\n  animation-timing-function: ",";\n  will-change: transform, opacity;\n  &[data-state='instant-open'][data-side='top'],\n  &[data-state='delayed-open'][data-side='top'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='right'],\n  &[data-state='delayed-open'][data-side='right'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='bottom'],\n  &[data-state='delayed-open'][data-side='bottom'] {\n    animation-name: ",";\n  }\n  &[data-state='instant-open'][data-side='left'],\n  &[data-state='delayed-open'][data-side='left'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(_ref2=>{let{theme}=_ref2;return theme.typography.fontFamily}),(_ref3=>{let{theme}=_ref3;return theme.typography.secondary.fontSize}),(_ref4=>{let{theme}=_ref4;return theme.typography.fontWeight["semi-bold"]}),(_ref5=>{let{theme}=_ref5;return theme.typography.secondary.lineHeight}),(_ref6=>{let{theme}=_ref6;return theme.colors.text.inverse}),(_ref7=>{let{theme}=_ref7;return theme.colors.fill.inverse}),(_ref8=>{let{theme}=_ref8;return theme.transitions.duration.standard}),(_ref9=>{let{theme}=_ref9;return theme.transitions.easing.easeIn}),keyframes.zl,keyframes.wy,keyframes.cc,keyframes.hF,keyframes.Xn),TooltipProvider=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$2881499e37b75b9a)(_templateObject3||(_templateObject3=(0,taggedTemplateLiteral.A)([""]))),TooltipRoot=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$be92b6f5f03c0fe9)(_templateObject4||(_templateObject4=(0,taggedTemplateLiteral.A)([""]))),TooltipTrigger=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$41fb9f06171c75f4)(_templateObject5||(_templateObject5=(0,taggedTemplateLiteral.A)(["\n  color: inherit;\n"]))),TooltipPortal=(0,styled_components_browser_esm.Ay)($a093c7e1ec25a057$export$602eac185826482c)(_templateObject6||(_templateObject6=(0,taggedTemplateLiteral.A)([""])));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tooltip=_ref=>{let{position="bottom",label,html,style={},children,className="",disabled=!1,delay=300,arrow=!0,providerProps,rootProps}=_ref;const theme=(0,styled_components_browser_esm.DP)(),[side="bottom",align="center"]=position.split("-");return(0,jsx_runtime.jsx)(TooltipProvider,{delayDuration:delay,...providerProps,children:(0,jsx_runtime.jsxs)(TooltipRoot,{...rootProps,open:!disabled&&void 0,children:[(0,jsx_runtime.jsx)(TooltipTrigger,{className:"TooltipTrigger",asChild:!0,"aria-label":"string"==typeof children?children:"TooltipTrigger",type:"button",children:(0,jsx_runtime.jsx)(styles.Yk,{className,type:"button",children})}),(0,jsx_runtime.jsx)(TooltipPortal,{children:(0,jsx_runtime.jsxs)(TooltipContent,{forceMount:!0,"data-tooltip-content":!0,className:"TooltipContent",style,sideOffset:5,"aria-disabled":disabled,"aria-live":"polite",side,align,dir:theme.direction,children:[html?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:html}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:null!=label?label:""}),arrow&&(0,jsx_runtime.jsx)(TooltipArrow,{})]})})]})})},Tooltip_Tooltip=Tooltip;try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"Tooltip component is used to show a tooltip to the user.\nIt is used to show additional information or actions.\nIt can be used to show a hint, a warning, or any other content.",displayName:"Tooltip",props:{html:{defaultValue:null,description:"HTML to be rendered in the tooltip",name:"html",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},label:{defaultValue:null,description:"String to be rendered in the tooltip",name:"label",required:!1,type:{name:"string"}},position:{defaultValue:{value:"bottom"},description:"The position of the tooltip",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"bottom"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"left"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"right"'},{value:'"right-start"'},{value:'"right-end"'}]}},delay:{defaultValue:{value:"300"},description:"",name:"delay",required:!1,type:{name:"number"}},arrow:{defaultValue:{value:"true"},description:"Whether to show the arrow,",name:"arrow",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"Whether disabled select",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Class name of tooltip",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"",name:"style",required:!1,type:{name:"CSSProperties"}},replaceChild:{defaultValue:null,description:"The children or label",name:"replaceChild",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},providerProps:{defaultValue:null,description:"",name:"providerProps",required:!1,type:{name:"TooltipProviderProps"}},rootProps:{defaultValue:null,description:"",name:"rootProps",required:!1,type:{name:"TooltipProps"}},arrowProps:{defaultValue:null,description:"",name:"arrowProps",required:!1,type:{name:"TooltipArrowProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tooltip/Tooltip.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"src/components/Tooltip/Tooltip.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}var globalStyles=__webpack_require__("./src/styles/globalStyles.ts");const Tooltip_stories={title:"Components/Tooltip",component:Tooltip_Tooltip,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{disabled:{control:"boolean"}}},Bottom={render:props=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Tooltip_Tooltip,{...props,children:"Hover"}),(0,jsx_runtime.jsx)(globalStyles.A,{})]}),args:{position:"bottom",label:"This is a small tooltip"}},LargeText={args:{position:"bottom",label:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."},render:props=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Tooltip_Tooltip,{...props,children:"Hover"}),(0,jsx_runtime.jsx)(globalStyles.A,{})]})},HTML={args:{position:"bottom",html:(0,jsx_runtime.jsx)("div",{style:{maxWidth:"100px"},children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."})},render:props=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Tooltip_Tooltip,{...props,children:"Hover"}),(0,jsx_runtime.jsx)(globalStyles.A,{})]})},__namedExportsOrder=["Bottom","LargeText","HTML"];Bottom.parameters={...Bottom.parameters,docs:{...Bottom.parameters?.docs,source:{originalSource:"{\n  render: props => <>\n      <Tooltip {...props}>Hover</Tooltip>\n      <FreemiumUIGlobalStyles />\n    </>,\n  args: {\n    position: 'bottom',\n    label: 'This is a small tooltip'\n  }\n}",...Bottom.parameters?.docs?.source}}},LargeText.parameters={...LargeText.parameters,docs:{...LargeText.parameters?.docs,source:{originalSource:"{\n  args: {\n    position: 'bottom',\n    label: \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\"\n  },\n  render: props => <>\n      <Tooltip {...props}>Hover</Tooltip>\n      <FreemiumUIGlobalStyles />\n    </>\n}",...LargeText.parameters?.docs?.source}}},HTML.parameters={...HTML.parameters,docs:{...HTML.parameters?.docs,source:{originalSource:"{\n  args: {\n    position: 'bottom',\n    html: <div style={{\n      maxWidth: '100px'\n    }}>\n        Lorem Ipsum is simply dummy text of the printing and typesetting\n        industry.\n      </div>\n  },\n  render: props => <>\n      <Tooltip {...props}>Hover</Tooltip>\n      <FreemiumUIGlobalStyles />\n    </>\n}",...HTML.parameters?.docs?.source}}}},"./src/styles/globalStyles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _templateObject,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),styled_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_themes__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/themes/index.ts");const __WEBPACK_DEFAULT_EXPORT__=(0,styled_components__WEBPACK_IMPORTED_MODULE_1__.DU)(_templateObject||(_templateObject=(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_babel_runtime_helpers_esm_taggedTemplateLiteral_js__WEBPACK_IMPORTED_MODULE_2__.A)(["\n\ndiv:has( > div[data-tooltip-content]){\n    z-index: "," !important;\n}\n\ndiv:has( > div[data-popover-content]){\n    z-index: "," !important;\n}\n\n    "])),(_ref=>{let{theme}=_ref;return theme.zIndex.tooltip||_themes__WEBPACK_IMPORTED_MODULE_0__.Mu.tooltip}),(_ref2=>{let{theme}=_ref2;return theme.zIndex.popover||_themes__WEBPACK_IMPORTED_MODULE_0__.Mu.popover}))}}]);

package/storybook-static/stories-Typography-mdx.bb2eab85.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[72602],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./src/stories/Typography.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SampleText:()=>SampleText,default:()=>MDXContent,typography:()=>typography});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const typography={type:{primary:"-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'"},weight:{regular:"400",bold:"700",extrabold:"800",black:"900"},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48}},SampleText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.";function _createMdxContent(props){const _components={h1:"h1",p:"p",strong:"strong",...(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"Typography"}),"\n","\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"typography",children:"Typography"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Font:"})," SF Pro"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Weights:"})," 400(regular), 700(bold), 800(extrabold), 900(black)"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.F7,{fontSizes:[Number(typography.size.s1),Number(typography.size.s2),Number(typography.size.s3),Number(typography.size.m1),Number(typography.size.m2),Number(typography.size.m3),Number(typography.size.l1),Number(typography.size.l2),Number(typography.size.l3)],fontWeight:typography.weight.black,sampleText:SampleText,fontFamily:typography.type.primary})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_Users_basembulingam_Files_Code_Repo_freemium_ui_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}},"./node_modules/@storybook/core/dist/components sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/components sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/theming sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/theming sync recursive",module.exports=webpackEmptyContext},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext}}]);

package/storybook-static/stories-Typography-stories.0eaf1222.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[85244],{"./src/stories/Typography.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Caption:()=>Caption,Heading:()=>Heading,Heading1:()=>Heading1,Heading2:()=>Heading2,Heading3:()=>Heading3,Heading4:()=>Heading4,Primary:()=>Primary,Secondary:()=>Secondary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Typography",component:__webpack_require__("./src/components/Typography/index.ts").o,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{}},Primary={args:{children:"Primary text",variant:"primary",weight:"regular"}},Secondary={args:{children:"Secondary text",variant:"secondary",weight:"regular"}},Heading={args:{children:"Heading text",variant:"heading",weight:"regular"}},Heading4={args:{children:"Heading text",variant:"heading4",weight:"regular"}},Heading3={args:{children:"Heading text",variant:"heading3",weight:"regular"}},Heading2={args:{children:"Heading text",variant:"heading2",weight:"regular"}},Heading1={args:{children:"Heading text",variant:"heading1",weight:"regular"}},Caption={args:{children:"Caption text",variant:"caption",weight:"regular"}},__namedExportsOrder=["Primary","Secondary","Heading","Heading4","Heading3","Heading2","Heading1","Caption"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Primary text',\n    variant: 'primary',\n    weight: 'regular'\n  }\n}",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Secondary text',\n    variant: 'secondary',\n    weight: 'regular'\n  }\n}",...Secondary.parameters?.docs?.source}}},Heading.parameters={...Heading.parameters,docs:{...Heading.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading',\n    weight: 'regular'\n  }\n}",...Heading.parameters?.docs?.source}}},Heading4.parameters={...Heading4.parameters,docs:{...Heading4.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading4',\n    weight: 'regular'\n  }\n}",...Heading4.parameters?.docs?.source}}},Heading3.parameters={...Heading3.parameters,docs:{...Heading3.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading3',\n    weight: 'regular'\n  }\n}",...Heading3.parameters?.docs?.source}}},Heading2.parameters={...Heading2.parameters,docs:{...Heading2.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading2',\n    weight: 'regular'\n  }\n}",...Heading2.parameters?.docs?.source}}},Heading1.parameters={...Heading1.parameters,docs:{...Heading1.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Heading text',\n    variant: 'heading1',\n    weight: 'regular'\n  }\n}",...Heading1.parameters?.docs?.source}}},Caption.parameters={...Caption.parameters,docs:{...Caption.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Caption text',\n    variant: 'caption',\n    weight: 'regular'\n  }\n}",...Caption.parameters?.docs?.source}}}},"./src/components/Typography/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Typography_Typography});var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),taggedTemplateLiteral=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");const StyledTypography=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js").Ay.span(_templateObject||(_templateObject=(0,taggedTemplateLiteral.A)(["\n  direction: ",";\n  color: ",";\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  text-transform: ",";\n  -webkit-font-smoothing: antialiased;\n"])),(_ref=>{let{theme}=_ref;return theme.direction}),(_ref2=>{let{theme}=_ref2;return theme.colors.text.primary}),(_ref3=>{let{theme}=_ref3;return theme.typography.fontFamily}),(_ref4=>{let{theme,weight}=_ref4;return theme.typography.fontWeight[weight]}),(_ref5=>{let{theme,variant}=_ref5;return theme.typography[variant].fontSize}),(_ref6=>{let{theme,variant}=_ref6;return theme.typography[variant].lineHeight}),(_ref7=>{let{variant}=_ref7;return"caption"===variant?"uppercase":"none"}));var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Typography=react.forwardRef(((_ref,forwardedRef)=>{let{children,variant="primary",weight="regular",...rest}=_ref;return(0,jsx_runtime.jsx)(StyledTypography,{variant,weight,ref:forwardedRef,...rest,children})})),Typography_Typography=Typography;try{Typography.displayName="Typography",Typography.__docgenInfo={description:"Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.",displayName:"Typography",props:{children:{defaultValue:null,description:"The children or label",name:"children",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"heading"'},{value:'"heading1"'},{value:'"heading2"'},{value:'"heading3"'},{value:'"heading4"'},{value:'"caption"'}]}},weight:{defaultValue:{value:"regular"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"bold"'},{value:'"regular"'},{value:'"semi-bold"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Typography/Typography.tsx#Typography"]={docgenInfo:Typography.__docgenInfo,name:"Typography",path:"src/components/Typography/Typography.tsx#Typography"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/stories-WorkspaceTable-stories.d46582ac.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfreemium_ui=self.webpackChunkfreemium_ui||[]).push([[45758],{"./src/stories/WorkspaceTable.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>WorkspaceTable_stories});var react=__webpack_require__("./node_modules/react/index.js"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),Alert=__webpack_require__("./src/components/Alert/index.ts"),Loader=__webpack_require__("./src/components/Loader/index.ts"),Typography=__webpack_require__("./src/components/Typography/index.ts"),lib=__webpack_require__("./node_modules/@tanstack/table-core/build/lib/index.mjs"),build_lib=__webpack_require__("./node_modules/@tanstack/react-table/build/lib/index.mjs"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styles=__webpack_require__("./src/components/Table/styles.ts"),Button=__webpack_require__("./src/components/Button/index.ts"),Checkbox=__webpack_require__("./src/components/Checkbox/index.ts"),MoreVertical=__webpack_require__("./src/components/Icons/MoreVertical.tsx"),Settings=__webpack_require__("./src/components/Icons/Settings.tsx"),Menu=__webpack_require__("./src/components/Menu/index.ts"),Popover=__webpack_require__("./src/components/Popover/index.ts"),CustomizeColumns=__webpack_require__("./src/components/Table/CustomizeColumns.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const WorkspaceTable=props=>{var _ref4;const{data,columns:clms,showFooter=!1,infoComponent,isLoading,isFetching,emptyComponent,loadingComponent,headerComponent,filterComponent,hideTableOnEmpty,hideTopPagination,hideFilters,isFilterOpenByDefault=!0,showTableOnLoading,hideLoaderOnTopPagination,showWorkspaceActions,count,isWSOpen=!0,pageIndex:pI=0,pageSize:pS=20,enablePreviousPage,enableNextPage,hideColumnSettings=!0,hideBottomPagination,rowMenuOptions,onPreviousPageClick,onNextPageClick,disableRowSelect,hideSelectAllInTable,onSelectAllRows,onRowSelect,onMenuOptionSelect,onRowClick,columnOrder,setColumnOrder,setHiddenColumns,hiddenColumns:hC,selectedRowIds={},isDisableSortDropdown,setSelectedRowIds,dataKey="id",cellPropGetter,setPageIndex:sPgIdx,rowPropGetter,translationTexts}=props,theme=(0,styled_components_browser_esm.DP)(),[showFilterPane,toggleFilterPane]=react.useState(!!isFilterOpenByDefault),columnHelper=(0,lib.FB)(),intermediateCount=-1===count||void 0===count,columns=react.useMemo((()=>[...disableRowSelect?[]:[{id:"select",header:_ref=>{let{table}=_ref;return hideSelectAllInTable?(0,jsx_runtime.jsx)("div",{className:"table-checkbox-header"}):(0,jsx_runtime.jsx)(Checkbox.S,{className:"table-checkbox",checked:table.getIsSomeRowsSelected()?"indeterminate":table.getIsAllRowsSelected(),indeterminate:table.getIsSomeRowsSelected(),onCheckedChange:checkedState=>{table.toggleAllPageRowsSelected(!0===checkedState),null==onSelectAllRows||onSelectAllRows(!0===checkedState)}})},cell:_ref2=>{let{row}=_ref2;return(0,jsx_runtime.jsx)(Checkbox.S,{className:"table-checkbox",checked:row.getIsSelected(),disabled:!row.getCanSelect(),indeterminate:row.getIsSomeSelected(),onCheckedChange:checkedState=>{row.toggleSelected(!0===checkedState),null==onRowSelect||onRowSelect(row.original,!0===checkedState)}})}}],...clms.map((c=>{var _c$id;return columnHelper.accessor(c.id,{header:c.Header,id:null!==(_c$id=c.id)&&void 0!==_c$id?_c$id:c.Header,cell:info=>c.accessorFn(info.row.original)})})),...rowMenuOptions?[{id:"rowMenuOptions",header:()=>(0,jsx_runtime.jsx)("div",{id:"more-actions-header"}),cell:_ref3=>{let{row}=_ref3;return(0,jsx_runtime.jsx)(Menu.W1,{trigger:(0,jsx_runtime.jsx)(MoreVertical.A,{className:"more-actions",fill:"currentcolor"}),options:rowMenuOptions(row.original)||[],onSelect:opt=>{opt.id&&(null==onMenuOptionSelect||onMenuOptionSelect(opt.id,row.original))},side:"bottom",align:"rtl"===theme.direction?"start":"end"})}}]:[]]),[clms,disableRowSelect,hideSelectAllInTable,theme.colors.text.primary]),columnVisibility=react.useMemo((()=>{const visibility={};return clms.forEach((c=>{visibility[c.id]=!(null!=hC?hC:[]).includes(c.id)})),visibility}),[clms,hC]),pagination=react.useMemo((()=>({pageIndex:pI,pageSize:pS})),[pS,pI]),table=(0,build_lib.N4)({data,columns,getRowId:row=>{var _dataKey;return null!==(_dataKey=null==row?void 0:row[dataKey])&&void 0!==_dataKey?_dataKey:"id"},getCoreRowModel:(0,lib.HT)(),state:{columnOrder,columnVisibility,rowSelection:selectedRowIds,pagination},initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},onPaginationChange:updaterOrValue=>{let value=pagination;value="function"==typeof updaterOrValue?updaterOrValue(pagination):updaterOrValue,null==sPgIdx||sPgIdx(value.pageIndex)},onColumnVisibilityChange:updaterOrValue=>{let value=columnVisibility;value="function"==typeof updaterOrValue?updaterOrValue(columnVisibility):updaterOrValue,null==setHiddenColumns||setHiddenColumns(Object.keys(value).filter((v=>!value[v])))},onColumnOrderChange:updaterOrValue=>{let value=null!=columnOrder?columnOrder:[];value="function"==typeof updaterOrValue?updaterOrValue(null!=columnOrder?columnOrder:[]):updaterOrValue,null==setColumnOrder||setColumnOrder(value)},onRowSelectionChange:updaterOrValue=>{let value=selectedRowIds;value="function"==typeof updaterOrValue?updaterOrValue(selectedRowIds):updaterOrValue,null==setSelectedRowIds||setSelectedRowIds(value)},enableRowSelection:!0,manualPagination:!0,rowCount:intermediateCount?-1:count}),{getPageCount,getRowModel,getState,getCanNextPage,getCanPreviousPage,getPageOptions,previousPage,setPageIndex,nextPage,lastPage,firstPage}=table,{rows}=getRowModel(),{pagination:{pageIndex,pageSize}}=getState(),toCount=pageIndex*pageSize+(pageIndex<getPageCount()-1?pageSize:rows.length),colSpan=table.getAllColumns().filter((column=>column.getIsVisible())).length+(disableRowSelect?0:1)+(rowMenuOptions?1:0);return(0,jsx_runtime.jsxs)(styles.K3,{className:"TableContainer",children:[showWorkspaceActions&&(0,jsx_runtime.jsxs)(styles.if,{className:"table-actions",children:[(0,jsx_runtime.jsx)(styles.zH,{className:"table-header-component",children:null!=headerComponent?headerComponent:null}),!!isWSOpen&&(0,jsx_runtime.jsx)(styles.H9,{className:"table-header-dropdown-pagination",children:(0,jsx_runtime.jsx)(styles.wQ,{className:"pagination-actions",children:!hideTopPagination&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Typography.o,{variant:"primary",className:"pagination-text",children:isLoading&&!hideLoaderOnTopPagination?(0,jsx_runtime.jsx)(Loader.a,{size:"small"}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:data.length>0?"".concat(pageIndex*pageSize+1," - ").concat(toCount," ").concat((null==translationTexts?void 0:translationTexts.of)||"of"," ").concat(intermediateCount?"".concat(rows.length>0?"".concat((null==translationTexts?void 0:translationTexts.many)||"Many"):"-"):null!==(_ref4=null!=count?count:rows.length)&&void 0!==_ref4?_ref4:"-"):null})}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",className:"table-pagination-button",onClick:e=>{null==onPreviousPageClick||onPreviousPageClick(),intermediateCount||previousPage()},disabled:intermediateCount?!enablePreviousPage:!getCanPreviousPage()||isLoading||isFetching,children:(0,jsx_runtime.jsx)(styles.JG,{fill:theme.colors.text.primary})}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",className:"table-pagination-button",onClick:e=>{null==onNextPageClick||onNextPageClick(),intermediateCount||nextPage()},disabled:intermediateCount?!enableNextPage:!getCanNextPage()||isLoading||isFetching,children:(0,jsx_runtime.jsx)(styles.c_,{fill:theme.colors.text.primary})})]})})})]}),!!isWSOpen&&(0,jsx_runtime.jsxs)(styles.Iz,{children:[(0,jsx_runtime.jsxs)(styles.AC,{className:"table-wrapper",children:[infoComponent&&(0,jsx_runtime.jsx)(styles.Cz,{children:infoComponent}),isLoading&&!showTableOnLoading?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:loadingComponent}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:0===rows.length&&hideTableOnEmpty?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:emptyComponent}):(0,jsx_runtime.jsx)(styles.kH,{children:(0,jsx_runtime.jsxs)(styles.Ic,{children:[!hideColumnSettings&&(0,jsx_runtime.jsx)(Popover.AM,{align:"end",avoidCollisions:!0,side:"top",trigger:(0,jsx_runtime.jsx)(Settings.A,{fill:"currentcolor"}),children:(0,jsx_runtime.jsx)(CustomizeColumns.R,{table})}),(0,jsx_runtime.jsx)(styles.eK,{children:table.getHeaderGroups().map((headerGroup=>(0,jsx_runtime.jsx)(styles.oM,{children:headerGroup.headers.map((header=>(0,jsx_runtime.jsx)(styles._q,{children:header.isPlaceholder?null:(0,build_lib.Kv)(header.column.columnDef.header,header.getContext())},header.id)))},headerGroup.id)))}),(0,jsx_runtime.jsxs)(styles.ki,{children:[isFetching&&!isLoading&&(0,jsx_runtime.jsx)(styles.zs,{children:(0,jsx_runtime.jsx)(Loader.a,{})}),rows.map((row=>(0,jsx_runtime.jsx)(styles.oM,{$isSelected:row.getIsSelected(),...null==rowPropGetter?void 0:rowPropGetter(row.original),children:row.getVisibleCells().map((cell=>(0,jsx_runtime.jsx)(styles.y5,{onClick:()=>{null==onRowClick||onRowClick(row.original,cell.column.columnDef)},...null==cellPropGetter?void 0:cellPropGetter(cell),children:(0,build_lib.Kv)(cell.column.columnDef.cell,cell.getContext())},cell.id)))},row.id)))]}),showFooter&&(0,jsx_runtime.jsx)(styles.Ny,{children:table.getFooterGroups().map((footerGroup=>(0,jsx_runtime.jsx)(styles.oM,{children:footerGroup.headers.map((header=>(0,jsx_runtime.jsx)(styles._q,{children:header.isPlaceholder?null:(0,build_lib.Kv)(header.column.columnDef.footer,header.getContext())},header.id)))},footerGroup.id)))}),!hideBottomPagination&&(0,jsx_runtime.jsx)(styles.Ny,{children:(0,jsx_runtime.jsx)(styles.oM,{children:(0,jsx_runtime.jsx)(styles._q,{colSpan,children:(0,jsx_runtime.jsxs)(styles.xN,{className:"table-pagination",children:[(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{firstPage()},disabled:!getCanPreviousPage()||isLoading||isFetching,children:"<<"}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{previousPage()},disabled:!getCanPreviousPage()||isLoading||isFetching,children:"<"}),pageIndex+1>2&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{firstPage()},disabled:isLoading||isFetching,children:"1"}),pageIndex+1-3!=0&&(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",disabled:!0,children:"..."})]}),getPageOptions().map((pgNumber=>[pgNumber-2,pgNumber-1,pgNumber,pgNumber+1,pgNumber+2].includes(pageIndex+1)&&(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",className:pageIndex+1===pgNumber+1?"active":"",onClick:()=>{null==setPageIndex||setPageIndex(pgNumber)},disabled:isLoading||isFetching,children:pgNumber+1},pgNumber))),pageIndex+2<Math.ceil(data.length/pageSize)-2&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[pageIndex+2+3!==Math.ceil(data.length/pageSize)&&(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",disabled:!0,children:"..."}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{null==setPageIndex||setPageIndex(Math.ceil(data.length/pageSize)-1)},disabled:isLoading||isFetching,children:Math.ceil(data.length/pageSize)})]}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{nextPage()},disabled:!getCanNextPage()||isLoading||isFetching,children:">"}),(0,jsx_runtime.jsx)(Button.$,{variant:"secondary",onClick:()=>{lastPage()},disabled:!getCanNextPage()||isLoading||isFetching,children:">>"})]})})})})]})})})]}),!hideFilters&&showFilterPane&&filterComponent&&(0,jsx_runtime.jsx)(styles.Ev,{children:filterComponent})]})]})},WorkspaceTable_WorkspaceTable=WorkspaceTable;try{WorkspaceTable.displayName="WorkspaceTable",WorkspaceTable.__docgenInfo={description:"Table component is used to display data in a tabular format. It is used to show data in a structured manner. It can be used to show data in a grid format.",displayName:"WorkspaceTable",props:{data:{defaultValue:null,description:"How large should the button be?",name:"data",required:!0,type:{name:"T[]"}},columns:{defaultValue:null,description:"",name:"columns",required:!0,type:{name:"FuiTableColumnType<T>[]"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},pageSize:{defaultValue:null,description:"",name:"pageSize",required:!1,type:{name:"number"}},pageIndex:{defaultValue:null,description:"",name:"pageIndex",required:!1,type:{name:"number"}},enablePreviousPage:{defaultValue:null,description:"",name:"enablePreviousPage",required:!1,type:{name:"boolean"}},enableNextPage:{defaultValue:null,description:"",name:"enableNextPage",required:!1,type:{name:"boolean"}},isLoading:{defaultValue:null,description:"",name:"isLoading",required:!1,type:{name:"boolean"}},isFetching:{defaultValue:null,description:"",name:"isFetching",required:!1,type:{name:"boolean"}},showFooter:{defaultValue:null,description:"",name:"showFooter",required:!1,type:{name:"boolean"}},hideColumnSettings:{defaultValue:null,description:"",name:"hideColumnSettings",required:!1,type:{name:"boolean"}},hideTableOnEmpty:{defaultValue:null,description:"",name:"hideTableOnEmpty",required:!1,type:{name:"boolean"}},hideTopPagination:{defaultValue:null,description:"",name:"hideTopPagination",required:!1,type:{name:"boolean"}},hideFilters:{defaultValue:null,description:"",name:"hideFilters",required:!1,type:{name:"boolean"}},showTableOnLoading:{defaultValue:null,description:"",name:"showTableOnLoading",required:!1,type:{name:"boolean"}},hideLoaderOnTopPagination:{defaultValue:null,description:"",name:"hideLoaderOnTopPagination",required:!1,type:{name:"boolean"}},showWorkspaceActions:{defaultValue:null,description:"",name:"showWorkspaceActions",required:!1,type:{name:"boolean"}},hideSelectAllInTable:{defaultValue:null,description:"",name:"hideSelectAllInTable",required:!1,type:{name:"boolean"}},isWSOpen:{defaultValue:null,description:"",name:"isWSOpen",required:!1,type:{name:"boolean"}},hideBottomPagination:{defaultValue:null,description:"",name:"hideBottomPagination",required:!1,type:{name:"boolean"}},disableRowSelect:{defaultValue:null,description:"",name:"disableRowSelect",required:!1,type:{name:"boolean"}},infoComponent:{defaultValue:null,description:"",name:"infoComponent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},filterComponent:{defaultValue:null,description:"",name:"filterComponent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},isDisableSortDropdown:{defaultValue:null,description:"",name:"isDisableSortDropdown",required:!1,type:{name:"boolean | null"}},isFilterOpenByDefault:{defaultValue:null,description:"",name:"isFilterOpenByDefault",required:!1,type:{name:"boolean | null"}},emptyComponent:{defaultValue:null,description:"",name:"emptyComponent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},loadingComponent:{defaultValue:null,description:"",name:"loadingComponent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},headerComponent:{defaultValue:null,description:"",name:"headerComponent",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},translationTexts:{defaultValue:null,description:"",name:"translationTexts",required:!1,type:{name:"Record<string, any> | null"}},onNextPageClick:{defaultValue:null,description:"",name:"onNextPageClick",required:!1,type:{name:"(() => void)"}},onPreviousPageClick:{defaultValue:null,description:"",name:"onPreviousPageClick",required:!1,type:{name:"(() => void)"}},onSelectAllRows:{defaultValue:null,description:"",name:"onSelectAllRows",required:!1,type:{name:"((checked: boolean) => void)"}},onRowSelect:{defaultValue:null,description:"",name:"onRowSelect",required:!1,type:{name:"((row: T, checked: boolean) => void)"}},rowMenuOptions:{defaultValue:null,description:"",name:"rowMenuOptions",required:!1,type:{name:"((RowDataType: T) => MenuItemProps[])"}},onMenuOptionSelect:{defaultValue:null,description:"",name:"onMenuOptionSelect",required:!1,type:{name:"((optionId: string, row: T) => void)"}},onRowClick:{defaultValue:null,description:"",name:"onRowClick",required:!1,type:{name:"((row: T, column: ColumnDef<T, unknown>) => void)"}},dataKey:{defaultValue:null,description:"",name:"dataKey",required:!1,type:{name:"string"}},rowPropGetter:{defaultValue:null,description:"",name:"rowPropGetter",required:!1,type:{name:"((row: T) => HTMLAttributes<HTMLTableRowElement>)"}},cellPropGetter:{defaultValue:null,description:"",name:"cellPropGetter",required:!1,type:{name:"((cell: Cell<T, unknown>) => HTMLAttributes<HTMLTableCellElement>)"}},tableOptions:{defaultValue:null,description:"@deprecated",name:"tableOptions",required:!1,type:{name:"any"}},loaderStyles:{defaultValue:null,description:"@deprecated",name:"loaderStyles",required:!1,type:{name:"CSSProperties"}},setPageIndex:{defaultValue:null,description:"",name:"setPageIndex",required:!1,type:{name:"((pageIndex: number) => void | Dispatch<SetStateAction<number>>)"}},hiddenColumns:{defaultValue:null,description:"",name:"hiddenColumns",required:!1,type:{name:"string[]"}},setHiddenColumns:{defaultValue:null,description:"",name:"setHiddenColumns",required:!1,type:{name:"((hiddenColumns: string[]) => void | Dispatch<SetStateAction<string[]>>)"}},columnOrder:{defaultValue:null,description:"",name:"columnOrder",required:!1,type:{name:"string[]"}},setColumnOrder:{defaultValue:null,description:"",name:"setColumnOrder",required:!1,type:{name:"((columnOrder: string[]) => void | Dispatch<SetStateAction<string[]>>)"}},selectedRowIds:{defaultValue:null,description:"",name:"selectedRowIds",required:!1,type:{name:"RowSelectionState"}},setSelectedRowIds:{defaultValue:null,description:"",name:"setSelectedRowIds",required:!1,type:{name:"((selectedRowIds: RowSelectionState) => void | Dispatch<SetStateAction<RowSelectionState>>)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/WorkspaceTable/WorkspaceTable.tsx#WorkspaceTable"]={docgenInfo:WorkspaceTable.__docgenInfo,name:"WorkspaceTable",path:"src/components/WorkspaceTable/WorkspaceTable.tsx#WorkspaceTable"})}catch(__react_docgen_typescript_loader_error){}const WorkspaceTable_stories={title:"Components/WorkspaceTable",component:WorkspaceTable_WorkspaceTable,parameters:{layout:"padded"},tags:["autodocs"],argTypes:{}},defaultData=[{id:"f11de8d3-f97b-4308-a62a-91bf6bf13223",display_id:"_223-10223",name:"MCQ TEST",desc:"",type:"CSAT",state:"ACTIVE",is_active:!0,is_template:!1,created_at:"2024-02-02T08:57:37.866Z",updated_at:"2024-02-02T10:22:57.480Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B2",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:null,parent_question_name:"Q_1",category:[{id:"3",question_name:"Q_20"},{id:"2",question_name:"Q_21"},{id:"1",question_name:"Q_22"}],display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}],nav_option:"NEXT"},{name:"B4",title:"Q4",order:3,required:!1,is_deleted:!1,question_name:"Q_fv34q",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:4,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"},{name:"B3",title:"Q3",order:1e3,required:!1,is_deleted:!0,question_name:"Q_zx_08",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"}]},{id:"a7b97949-8094-45e4-8993-5205593e9a57",display_id:"_223-10184",name:"FSURVEY-4644",desc:"",type:"NONE",state:"PAUSE",is_active:!0,is_template:!1,created_at:"2024-01-30T12:07:03.551Z",updated_at:"2024-03-04T05:11:11.917Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"Q1",order:1,required:!0,is_deleted:!1,question_name:"Q_e1__f",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:2,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:null,category:null,display_logic:null,nav_option:"END"},{name:"B4",title:"Q4",order:993,required:!1,is_deleted:!0,question_name:"Q__i9rk",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q5",order:994,required:!1,is_deleted:!0,question_name:"Q_te660",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B8",title:"Q7",order:995,required:!1,is_deleted:!0,question_name:"Q_g74oq",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q3",order:996,required:!1,is_deleted:!0,question_name:"Q_7yldm",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B7",title:"Q6",order:997,required:!1,is_deleted:!0,question_name:"Q_lar9p",parent_question_name:null,category:null,display_logic:null,nav_option:"BASED_ON_ANSWER"},{name:"B5",title:"Q3",order:998,required:!1,is_deleted:!0,question_name:"Q_ltbhb",parent_question_name:null,category:null,display_logic:null,nav_option:"BASED_ON_ANSWER"},{name:"B2",title:"Q2",order:999,required:!1,is_deleted:!0,question_name:"Q_rgv_a",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"}]},{id:"3658df21-dfa6-4962-a3ad-c0af302582be",display_id:"_223-10135",name:"FSURVEY-4589",desc:"[EUX>Edit your response] For None survey if user has skipped all questions and try to edit the survey then survey questions is not displayed",type:"NONE",state:"PAUSE",is_active:!0,is_template:!1,created_at:"2024-01-25T12:26:21.533Z",updated_at:"2024-01-30T07:06:24.578Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"Q1",order:1,required:!1,is_deleted:!1,question_name:"Q_y_iej",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B2",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:"Q_qtegt",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_i9ltb",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:4,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:null,category:null,display_logic:null,nav_option:"END"}]},{id:"6fac6eff-2871-43ab-8250-46a9d7bde332",display_id:"_223-10129",name:"FSURVEY-4406",desc:"",type:"CSAT",state:"PAUSE",is_active:!0,is_template:!1,created_at:"2024-01-25T10:06:50.463Z",updated_at:"2024-02-02T08:57:09.727Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:"Q_mmv2j",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"BASED_ON_ANSWER"},{name:"B4",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_e69_b",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"SPECIFIC"},{name:"B5",title:"Q4",order:4,required:!1,is_deleted:!1,question_name:"Q_5meb_",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q5",order:5,required:!1,is_deleted:!1,question_name:"Q_lttni",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:6,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"},{name:"B2",title:"Q2",order:1e3,required:!1,is_deleted:!0,question_name:null,parent_question_name:"Q_1",category:[{id:"3",question_name:"Q_20"},{id:"2",question_name:"Q_21"},{id:"1",question_name:"Q_22"}],display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}],nav_option:"NEXT"}]},{id:"8068fdbc-b838-46f2-b4d1-f50cd52d687f",display_id:"_223-10096",name:"PROD TESR",desc:"",type:"NONE",state:"DRAFT",is_active:!0,is_template:!1,created_at:"2024-01-22T13:24:44.186Z",updated_at:"2024-01-22T13:47:18.189Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67",intro_text_color:"#576c7d",title_color:"#12344d"},meta:{template:{createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"standard",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"Q1",order:1,required:!0,is_deleted:!1,question_name:"Q_q4mb7",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B2",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:"Q_6w2zf",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_0i0nx",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B4",title:"Q4",order:4,required:!1,is_deleted:!1,question_name:"Q_l5_e5",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B5",title:"Q5",order:5,required:!1,is_deleted:!1,question_name:"Q_9p9xn",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:6,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:null,category:null,display_logic:null,nav_option:"END"}]},{id:"77aece7b-37b6-41c4-bf9a-fdb3cd5c3fb6",display_id:"_223-10078",name:"SFS TEEST",desc:"",type:"NONE",state:"PAUSE",is_active:!0,is_template:!1,created_at:"2024-01-22T06:24:28.456Z",updated_at:"2024-01-25T07:29:36.902Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B2",title:"Q2",order:1,required:!1,is_deleted:!1,question_name:"Q_0r9la",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B1",title:"Q1",order:2,required:!1,is_deleted:!1,question_name:"Q_fiign",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:3,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:null,category:null,display_logic:null,nav_option:"END"}]},{id:"ca632f22-6476-4c5e-b126-254bafde9f12",display_id:"_223-9944",name:"FSURVEY-4445 fix",desc:"",type:"CSAT",state:"ACTIVE",is_active:!0,is_template:!1,created_at:"2024-01-10T09:38:04.382Z",updated_at:"2024-01-30T12:31:02.059Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{body_background_color:"#ebeff3",brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",updated_by:"_5-2309",supported_languages:["en","fr"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",updated_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B2",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:null,parent_question_name:"Q_1",category:[{id:"3",question_name:"Q_20"},{id:"2",question_name:"Q_21"},{id:"1",question_name:"Q_22"}],display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}],nav_option:"NEXT"},{name:"B5",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_r9ytf",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q4",order:4,required:!1,is_deleted:!1,question_name:"Q_uerqp",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:5,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"},{name:"B3",title:"Q3",order:999,required:!1,is_deleted:!0,question_name:"Q_10hex",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B4",title:"Q4",order:1e3,required:!1,is_deleted:!0,question_name:"Q_2gfwt",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"}]},{id:"191c1575-d225-4ab2-94ac-3469a220184b",display_id:"_223-8580",name:"All question types",desc:"",type:"CSAT",state:"PAUSE",is_active:!0,is_template:!1,created_at:"2023-10-16T11:18:46.568Z",updated_at:"2024-01-22T09:30:00.514Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B2",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:null,parent_question_name:"Q_1",category:[{id:"3",question_name:"Q_20"},{id:"2",question_name:"Q_21"},{id:"1",question_name:"Q_22"}],display_logic:[{order:1,display_type:"SHOW",logic_type:"BASED_ON_RATING_GROUP"}],nav_option:"NEXT"},{name:"B3",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_cz9l6",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B4",title:"Q4",order:4,required:!1,is_deleted:!1,question_name:"Q_rzput",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B5",title:"Q5",order:5,required:!1,is_deleted:!1,question_name:"Q_2drj9",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q6",order:6,required:!1,is_deleted:!1,question_name:"Q_9fysg",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B7",title:"Q7",order:7,required:!1,is_deleted:!1,question_name:"Q_dc4lz",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B8",title:"This is alasjdo ajsiodaio",order:8,required:!1,is_deleted:!1,question_name:"Q_e0996",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B9",title:"Q9",order:9,required:!1,is_deleted:!1,question_name:"Q_vroh7",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B10",title:"Q10",order:10,required:!1,is_deleted:!1,question_name:"Q_d4am4",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B11",title:"Q11",order:11,required:!1,is_deleted:!1,question_name:"Q_dfj_e",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B12",title:"Q12",order:12,required:!1,is_deleted:!1,question_name:"Q_r04nt",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B13",title:"Q13",order:13,required:!1,is_deleted:!1,question_name:"Q_9q9ig",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B14",title:"Q14",order:14,required:!1,is_deleted:!1,question_name:"Q_zvke5",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B15",title:"Q15",order:15,required:!1,is_deleted:!1,question_name:"Q_vuvmo",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B16",title:"Q16",order:16,required:!1,is_deleted:!1,question_name:"Q_6reuq",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B17",title:"Q17",order:17,required:!1,is_deleted:!1,question_name:"Q_t2ovy",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B18",title:"Q18",order:18,required:!1,is_deleted:!1,question_name:"Q_xl_nk",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:19,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"}]},{id:"c9418149-0ae6-44b0-ad17-d628a96a10d0",display_id:"_223-8579",name:"All text",desc:"",type:"CSAT",state:"DRAFT",is_active:!0,is_template:!1,created_at:"2023-10-16T10:53:55.609Z",updated_at:"2023-10-16T10:56:53.832Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q2",order:2,required:!1,is_deleted:!0,question_name:"Q_86nh4",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B4",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_3ortb",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B5",title:"Q4",order:4,required:!1,is_deleted:!0,question_name:"Q_5d09d",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q5",order:5,required:!1,is_deleted:!1,question_name:"Q_p0zud",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B7",title:"Q6",order:6,required:!1,is_deleted:!0,question_name:"Q_j457p",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B8",title:"Q7",order:7,required:!1,is_deleted:!1,question_name:"Q_0o04y",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B9",title:"Q8",order:8,required:!1,is_deleted:!0,question_name:"Q_rmvvn",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B10",title:"Q9",order:9,required:!1,is_deleted:!1,question_name:"Q_78bwc",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B11",title:"Q10",order:10,required:!1,is_deleted:!0,question_name:"Q_iqnzb",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B12",title:"Q11",order:11,required:!1,is_deleted:!1,question_name:"Q_5k8ps",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B13",title:"Q12",order:12,required:!1,is_deleted:!1,question_name:"Q_x6r5h",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B14",title:"Q13",order:13,required:!1,is_deleted:!1,question_name:"Q_8c1p7",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B15",title:"Q14",order:14,required:!1,is_deleted:!1,question_name:"Q_5qt91",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:15,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"}]},{id:"4cc03422-93cb-4692-964a-f1d8441b4a02",display_id:"_223-8578",name:"All number",desc:"",type:"CSAT",state:"DRAFT",is_active:!0,is_template:!1,created_at:"2023-10-16T09:00:47.955Z",updated_at:"2023-10-16T09:02:49.043Z",ui_branding:{logo_url:null,name:"kishan 40",favicon_url:null},ui_theme:{brand_color:"#E50913",primary_button_text_color:"#ffffff",question_background_color:"#ffffff",question_text_color:"#3a4b67"},meta:{template:{theme:"CSAT",createdOn:"2023-01-18T14:47:00.384+00:00",createdBy:"System"},survey_layout:"card",supported_languages:["en"],created_by:"_5-2309"},template:!1,header_message:"Thank you for your time. This survey should take under a minute to complete.",created_by:"_5-2309",product_client_id:"_221-1",blocks:[{name:"B1",title:"CSAT",order:1,required:!0,is_deleted:!1,question_name:"Q_1",parent_question_name:null,category:null,display_logic:null,nav_option:"NEXT"},{name:"B3",title:"Q2",order:2,required:!1,is_deleted:!1,question_name:"Q_86nh4",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B4",title:"Q3",order:3,required:!1,is_deleted:!1,question_name:"Q_3ortb",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B5",title:"Q4",order:4,required:!1,is_deleted:!1,question_name:"Q_5d09d",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B6",title:"Q5",order:5,required:!1,is_deleted:!1,question_name:"Q_p0zud",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B7",title:"Q6",order:6,required:!1,is_deleted:!1,question_name:"Q_j457p",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B8",title:"Q7",order:7,required:!1,is_deleted:!1,question_name:"Q_0o04y",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B9",title:"Q8",order:8,required:!1,is_deleted:!1,question_name:"Q_rmvvn",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B10",title:"Q9",order:9,required:!1,is_deleted:!1,question_name:"Q_78bwc",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B11",title:"Q10",order:10,required:!1,is_deleted:!1,question_name:"Q_iqnzb",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B12",title:"Q11",order:11,required:!1,is_deleted:!1,question_name:"Q_5k8ps",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B13",title:"Q12",order:12,required:!1,is_deleted:!1,question_name:"Q_x6r5h",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B14",title:"Q13",order:13,required:!1,is_deleted:!1,question_name:"Q_8c1p7",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B15",title:"Q14",order:14,required:!1,is_deleted:!1,question_name:"Q_5qt91",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"B16",title:"Q15",order:15,required:!1,is_deleted:!1,question_name:"Q_d7q1t",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"NEXT"},{name:"TY",title:"Thank you",order:16,required:!1,is_deleted:!1,question_name:"TY_0",parent_question_name:"Q_1",category:null,display_logic:null,nav_option:"END"}]}],columns=[{id:"name",Header:"Name",accessorFn:row=>row.name},{id:"display_id",Header:"Display id",accessorFn:row=>row.display_id},{id:"type",Header:"Type",accessorFn:row=>row.type},{id:"state",Header:"State",accessorFn:row=>(0,jsx_runtime.jsx)(Typography.o,{variant:"secondary",children:row.state})},{id:"blocks",Header:"Blocks",accessorFn:row=>{var _row$blocks$length,_row$blocks;return(0,jsx_runtime.jsx)(Typography.o,{variant:"secondary",children:null!==(_row$blocks$length=null==row||null===(_row$blocks=row.blocks)||void 0===_row$blocks?void 0:_row$blocks.length)&&void 0!==_row$blocks$length?_row$blocks$length:0})}},{id:"body_background_color",Header:"Background color",accessorFn:row=>{var _row$ui_theme;return null==row||null===(_row$ui_theme=row.ui_theme)||void 0===_row$ui_theme?void 0:_row$ui_theme.body_background_color}},{id:"brand_color",Header:"Brand color",accessorFn:row=>{var _row$ui_theme2;return null==row||null===(_row$ui_theme2=row.ui_theme)||void 0===_row$ui_theme2?void 0:_row$ui_theme2.brand_color}},{id:"primary_button_text_color",Header:"Primary text color",accessorFn:row=>{var _row$ui_theme3;return null==row||null===(_row$ui_theme3=row.ui_theme)||void 0===_row$ui_theme3?void 0:_row$ui_theme3.primary_button_text_color}},{id:"created_at",Header:"Created on",accessorFn:row=>(0,jsx_runtime.jsx)(Typography.o,{variant:"secondary",children:new Date(row.created_at).toLocaleString()})},{id:"updated_at",Header:"Updated on",accessorFn:row=>(0,jsx_runtime.jsx)(Typography.o,{variant:"secondary",children:new Date(row.updated_at).toLocaleString()})}],Primary={render:function Render(props){const[{pageIndex=0,pageSize=3,selectedRowIds,columnOrder,hiddenColumns},updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)();return(0,jsx_runtime.jsx)(WorkspaceTable_WorkspaceTable,{...props,data:defaultData.slice(pageIndex*pageSize,pageIndex*pageSize+pageSize),pageIndex,setPageIndex:v=>updateArgs({pageIndex:v}),selectedRowIds,setSelectedRowIds:v=>updateArgs({selectedRowIds:v}),columnOrder,setColumnOrder:v=>updateArgs({columnOrder:v}),hiddenColumns,setHiddenColumns:v=>updateArgs({hiddenColumns:v})})},args:{count:defaultData.length,isLoading:!1,isFetching:!1,showWorkspaceActions:!0,hideFilters:!1,isDisableSortDropdown:!0,hideColumnSettings:!1,hideLoaderOnTopPagination:!1,enableNextPage:!1,enablePreviousPage:!1,hideBottomPagination:!1,data:defaultData,columns,setSelectedRowIds:selectedRowIds=>{console.log("setSelectedRowIds PROPS",selectedRowIds)},pageIndex:0,pageSize:3,selectedRowIds:{"f11de8d3-f97b-4308-a62a-91bf6bf13223":!0},columnOrder:["select","name","state","blocks","type","brand_color","updated_at","rowMenuOptions"],hiddenColumns:["display_id","body_background_color","primary_button_text_color","created_at"],infoComponent:(0,jsx_runtime.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"8px"},children:(0,jsx_runtime.jsx)(Alert.F,{level:"warning",data:{message:"You cannot activate a survey as you already reached the max active survey limit of 3"},style:{width:"fit-content"}})}),emptyComponent:(0,jsx_runtime.jsx)("div",{children:"Empty Component"}),filterComponent:(0,jsx_runtime.jsx)("div",{style:{minWidth:"256px"},children:"Filter Component"}),headerComponent:(0,jsx_runtime.jsx)("div",{children:"Header Component"}),loadingComponent:(0,jsx_runtime.jsx)("div",{style:{height:"256px",display:"grid",placeContent:"center"},children:(0,jsx_runtime.jsx)(Loader.a,{})}),rowMenuOptions:()=>[{id:"edit",name:"Edit"},{id:"view",name:"View"},{id:"delete",name:"Delete",disabled:!0}]}},__namedExportsOrder=["Primary"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n  render: function Render(props) {\n    const [{\n      pageIndex = 0,\n      pageSize = 3,\n      selectedRowIds,\n      columnOrder,\n      hiddenColumns\n    }, updateArgs] = useArgs<TableProps<SurveyType>>();\n    return <WorkspaceTable {...props} data={defaultData.slice(pageIndex * pageSize, pageIndex * pageSize + pageSize)} pageIndex={pageIndex} setPageIndex={v => updateArgs({\n      pageIndex: v\n    })} selectedRowIds={selectedRowIds} setSelectedRowIds={v => updateArgs({\n      selectedRowIds: v\n    })} columnOrder={columnOrder} setColumnOrder={v => updateArgs({\n      columnOrder: v\n    })} hiddenColumns={hiddenColumns} setHiddenColumns={v => updateArgs({\n      hiddenColumns: v\n    })} />;\n  },\n  args: {\n    count: defaultData.length,\n    isLoading: false,\n    isFetching: false,\n    showWorkspaceActions: true,\n    hideFilters: false,\n    isDisableSortDropdown: true,\n    hideColumnSettings: false,\n    hideLoaderOnTopPagination: false,\n    enableNextPage: false,\n    enablePreviousPage: false,\n    hideBottomPagination: false,\n    data: defaultData,\n    columns: (columns as any),\n    setSelectedRowIds: selectedRowIds => {\n      console.log('setSelectedRowIds PROPS', selectedRowIds);\n    },\n    pageIndex: 0,\n    pageSize: 3,\n    selectedRowIds: {\n      'f11de8d3-f97b-4308-a62a-91bf6bf13223': true\n    },\n    columnOrder: ['select', 'name', 'state', 'blocks', 'type', 'brand_color', 'updated_at', 'rowMenuOptions'],\n    hiddenColumns: ['display_id', 'body_background_color', 'primary_button_text_color', 'created_at'],\n    infoComponent: <div style={{\n      display: 'flex',\n      justifyContent: 'center',\n      padding: '8px'\n    }}>\n        <Alert level=\"warning\" data={{\n        message: 'You cannot activate a survey as you already reached the max active survey limit of 3'\n      }} style={{\n        width: 'fit-content'\n      }} />\n      </div>,\n    emptyComponent: <div>Empty Component</div>,\n    filterComponent: <div style={{\n      minWidth: '256px'\n    }}>Filter Component</div>,\n    headerComponent: <div>Header Component</div>,\n    loadingComponent: <div style={{\n      height: '256px',\n      display: 'grid',\n      placeContent: 'center'\n    }}>\n        <Loader />\n      </div>,\n    rowMenuOptions: () => [{\n      id: 'edit',\n      name: 'Edit'\n    }, {\n      id: 'view',\n      name: 'View'\n    }, {\n      id: 'delete',\n      name: 'Delete',\n      disabled: true\n    }]\n  }\n}",...Primary.parameters?.docs?.source}}}}}]);