@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.8

package/dist/cjs/components/SearchFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids */\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t */\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/** (1) */\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/** (2) */\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/**\n\t\t\t * only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t *\n\t\t\t * for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t *\n\t\t\t */\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value */\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/** Delete  */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["SearchFilter","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxDEV","SearchBar","this","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids */\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t */\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/** (1) */\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/** (2) */\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/**\n\t\t\t * only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t *\n\t\t\t * for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t *\n\t\t\t */\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value */\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/** Delete  */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["SearchFilter","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxDEV","SearchBar","this","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}

package/dist/cjs/components/TablePagination/TablePagination.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),D=require("../../assets/icons/chevronLeft.svg.js"),U=require("../../assets/icons/chevronRight.svg.js"),d=require("./TablePagination.styled.js"),T=require("../TypographyStyle.js"),k=require("../../constants/Theme.js"),V=require("../dropdown/Dropdown.js"),y=({pageStart:n,pageEnd:t,totalRows:o,shouldShow:a})=>{if(!a)return null;const h=k.DEFAULT_THEME.colorsV2;return e.jsxDEV(T.BodySecondary,{style:{color:h.content.placeholder},children:["Showing ",n,"-",t>o?o:t," of"," ",o," results"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:31,columnNumber:3},void 0)},S=[5,10,20],_=({pageNumber:n,pageSize:t,totalRows:o,updatePageNumber:a,updatePageSize:h,hidePageSizeOptions:r,showTotalText:u,totalTextAlignment:f="right",containerStyle:j={},pageSizeOptions:x=S})=>{const c=k.DEFAULT_THEME.colorsV2,m=(n-1)*t+1,b=(n-1)*t+t,s=Math.ceil(o/t),P=s==1;let l=[];s>=5?n===s?l=[n-4,n-3,n-2,n-1,n]:n===1?l=[n,n+1,n+2,n+3,n+4]:n===2?l=[n-1,n,n+1,n+2,n+3]:n===s-1?l=[n-3,n-2,n-1,n,n+1]:l=[n-2,n-1,n,n+1,n+2]:l=Array.from({length:s},(i,E)=>E+1);const v=x.map(i=>({label:`${i} rows per page`,value:String(i),selected:t===i}));return e.jsxDEV(d.StyledTablePaginationContainer,{style:j,children:[!r&&e.jsxDEV("div",{children:e.jsxDEV(V.Dropdown,{size:"small",options:v,onSelect:h,width:"162px"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:133,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:132,columnNumber:5},void 0),e.jsxDEV("div",{className:"paging__container",children:[e.jsxDEV(y,{pageStart:m,pageEnd:b,totalRows:o,shouldShow:!!(!r&&o>0||r&&o>0&&u&&f==="left")},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:142,columnNumber:5},void 0),e.jsxDEV("div",{className:"pages__buttons-container",children:[!P&&e.jsxDEV(d.StyledPagingContainer,{active:!1,onClick:()=>{n!==1&&a(Math.max(n-1,1))},disabled:n===1,children:e.jsxDEV(D.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:167,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:158,columnNumber:7},void 0),l.map(i=>e.jsxDEV(d.StyledPagingContainer,{active:i==n,onClick:()=>a(i),style:{display:i==1&&o<=t?"none":"flex"},children:e.jsxDEV(T.BodySecondary,{style:{color:i==n?c.content.primaryInverse:c.content.secondary},children:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:183,columnNumber:8},void 0)},i,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:175,columnNumber:7},void 0)),!P&&e.jsxDEV(d.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{n!==s&&a(Math.min(n+1,s))},disabled:n===s,children:e.jsxDEV(U.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:206,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:196,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:156,columnNumber:5},void 0),e.jsxDEV(y,{pageStart:m,pageEnd:b,totalRows:o,shouldShow:!!(r&&o>0&&u&&f==="right")},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:214,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:141,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:130,columnNumber:3},void 0)};exports.TablePagination=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),U=require("../../assets/icons/chevronLeft.svg.js"),j=require("../../assets/icons/chevronRight.svg.js"),d=require("./TablePagination.styled.js"),P=require("../TypographyStyle.js"),h=require("../../constants/Theme.js"),V=require("../dropdown/Dropdown.js"),D=({pageStart:n,pageEnd:s,totalRows:i,shouldShow:t})=>{if(!t)return null;const f=h.DEFAULT_THEME.colorsV2;return o.jsxDEV(P.BodySecondary,{style:{color:f.content.placeholder},children:["Showing ",n,"-",s>i?i:s," of"," ",i," results"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:31,columnNumber:3},void 0)},w=[5,10,20],S=({pageNumber:n,pageSize:s,totalRows:i,updatePageNumber:t,updatePageSize:f,hidePageSizeOptions:r,showTotalText:m,totalTextAlignment:b="right",containerStyle:x={},pageSizeOptions:v=w})=>{const c=h.DEFAULT_THEME.colorsV2,y=(n-1)*s+1,u=(n-1)*s+s,l=Math.ceil(i/s),T=l==1;let a=[];l>=5?n===l?a=[n-4,n-3,n-2,n-1,n]:n===1?a=[n,n+1,n+2,n+3,n+4]:n===2?a=[n-1,n,n+1,n+2,n+3]:n===l-1?a=[n-3,n-2,n-1,n,n+1]:a=[n-2,n-1,n,n+1,n+2]:a=Array.from({length:l},(e,k)=>k+1);const E=v.map(e=>({label:`${e} rows per page`,value:String(e),selected:s===e}));return o.jsxDEV(d.StyledTablePaginationContainer,{style:x,children:[!r&&o.jsxDEV("div",{children:o.jsxDEV(V.Dropdown,{size:"small",options:E,onSelect:f,width:"162px"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:133,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:132,columnNumber:5},void 0),o.jsxDEV("div",{className:"paging__container",children:[o.jsxDEV(D,{pageStart:y,pageEnd:u,totalRows:i,shouldShow:!!(!r&&i>0||r&&i>0&&m&&b==="left")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:142,columnNumber:5},void 0),o.jsxDEV("div",{className:"pages__buttons-container",children:[!T&&o.jsxDEV(d.StyledPagingContainer,{active:!1,onClick:()=>{n!==1&&t(Math.max(n-1,1))},disabled:n===1,children:o.jsxDEV(U.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:167,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:158,columnNumber:7},void 0),a.map(e=>o.jsxDEV(d.StyledPagingContainer,{active:e==n,onClick:()=>t(e),style:{display:e==1&&i<=s?"none":"flex"},children:o.jsxDEV(P.BodySecondary,{style:{color:e==n?c.content.primaryInverse:c.content.secondary},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:183,columnNumber:8},void 0)},e,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:175,columnNumber:7},void 0)),!T&&o.jsxDEV(d.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{n!==l&&t(Math.min(n+1,l))},disabled:n===l,children:o.jsxDEV(j.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:206,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:196,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:156,columnNumber:5},void 0),o.jsxDEV(D,{pageStart:y,pageEnd:u,totalRows:i,shouldShow:!!(r&&i>0&&m&&b==="right")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:214,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:141,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:130,columnNumber:3},void 0)};exports.TablePagination=S;
 //# sourceMappingURL=TablePagination.js.map

package/dist/cjs/components/TablePagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption | DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' | 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/**\n\t * Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t */\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) * pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) ||\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","jsxDEV","BodySecondary","this","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","hideSingleChevron","pages","_","i","pageCountOptions","size","StyledTablePaginationContainer","Dropdown","StyledPagingContainer","ChevronLeft","page","ChevronRight"],"mappings":"uXAmBMA,EAAgD,CAAC,CACtD,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,CACD,IAAM,CACL,GAAI,CAACA,EAAY,OAAO,KAExB,MAAMC,EAAUC,EAAAA,cAAc,SAE9B,OACCC,EAAAA,OAACC,iBAAc,MAAO,CAAE,MAAOH,EAAQ,QAAQ,aAAe,SAAA,CAAA,WACpDJ,EAAU,IAAEC,EAAUC,EAAYA,EAAYD,EAAQ,MAAI,IAClEC,EAAU,UAAA,CAAA,EAFZ,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAGA,CAEF,EAEMC,EAA4B,CAAC,EAAG,GAAI,EAAE,EAqB/BC,EAAkD,CAAC,CAC/D,WAAAC,EACA,SAAAC,EACA,UAAAV,EACA,iBAAAW,EACA,eAAAC,EACA,oBAAAC,EACA,cAAAC,EACA,mBAAAC,EAAqB,QACrB,eAAAC,EAAiB,CAAA,EACjB,gBAAAC,EAAkBV,CACnB,IAAM,CACL,MAAML,EAAUC,EAAAA,cAAc,SACxBL,GAAaW,EAAa,GAAKC,EAAW,EAC1CX,GAAWU,EAAa,GAAKC,EAAWA,EACxCQ,EAAW,KAAK,KAAKlB,EAAYU,CAAQ,EACzCS,EAAoBD,GAAY,EACtC,IAAIE,EAAkB,CAAA,EAClBF,GAAY,EACXT,IAAeS,EAClBE,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,CAAA,EAESA,IAAe,EACzBW,EAAQ,CACPX,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,CAAA,EAEJA,IAAe,EACzBW,EAAQ,CACPX,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,CAAA,EAEJA,IAAeS,EAAW,EACpCE,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,CAAA,EAGdW,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,CAAA,EAIfW,EAAQ,MAAM,KAAK,CAAE,OAAQF,GAAY,CAACG,EAAGC,IAAMA,EAAI,CAAC,EAGzD,MAAMC,EAAmBN,EAAgB,IAAKO,IAAU,CACvD,MAAO,GAAGA,CAAI,iBACd,MAAO,OAAOA,CAAI,EAClB,SAAUd,IAAac,CAAA,EACtB,EAEF,OACCpB,EAAAA,OAACqB,EAAAA,+BAAA,CAA+B,MAAOT,EACrC,SAAA,CAAA,CAACH,YACA,MAAA,CACA,SAAAT,EAAAA,OAACsB,EAAAA,SAAA,CACA,KAAM,QACN,QAASH,EACT,SAAUX,EACV,MAAO,OAAA,EAJR,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACd,SAAA,CAAAA,EAAAA,OAACP,EAAA,CACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WACC,CAAC,EACC,CAACa,GAAuBb,EAAY,GACpCa,GACAb,EAAY,GACVc,GACFC,IAAuB,OAAA,EAV3B,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAT,MAAA,EAcAF,EAAAA,OAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAA,CAACe,GACDf,EAAAA,OAACuB,EAAAA,sBAAA,CACA,OAAQ,GACR,QAAS,IAAM,CACVlB,IAAe,GAClBE,EAAiB,KAAK,IAAIF,EAAa,EAAG,CAAC,CAAC,CAE9C,EACA,SAAUA,IAAe,EAEzB,SAAAL,EAAAA,OAACwB,EAAAA,QAAA,CACA,MAAO1B,EAAQ,QAAQ,UACvB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,EAbD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAgBAc,EAAM,IAAKS,GACXzB,EAAAA,OAACuB,EAAAA,sBAAA,CAEA,OAAQE,GAAQpB,EAChB,QAAS,IAAME,EAAiBkB,CAAI,EACpC,MAAO,CACN,QAASA,GAAQ,GAAK7B,GAAaU,EAAW,OAAS,MAAA,EAGxD,SAAAN,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MACCwB,GAAQpB,EACLP,EAAQ,QAAQ,eAChBA,EAAQ,QAAQ,SAAA,EAGpB,SAAA2B,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAAA,CASA,EAhBKuB,EADN,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAAA,CAmBA,EACA,CAACa,GACDf,EAAAA,OAACuB,EAAAA,sBAAA,CACA,OAAQ,GACR,OAAQ,GACR,QAAS,IAAM,CACVlB,IAAeS,GAClBP,EAAiB,KAAK,IAAIF,EAAa,EAAGS,CAAQ,CAAC,CAErD,EACA,SAAUT,IAAeS,EAEzB,SAAAd,EAAAA,OAAC0B,EAAAA,QAAA,CACA,MAAO5B,EAAQ,QAAQ,UACvB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,EAdD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAeA,CAAA,EAvDF,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyDA,EACAF,EAAAA,OAACP,EAAA,CACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WACC,CAAC,EACAa,GACAb,EAAY,GACVc,GACFC,IAAuB,QAAA,EAT1B,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAT,MAAA,CAYA,CAAA,EArFD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAsFA,CAAA,CAAA,EAjGD,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkGA,CAEF"}
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption | DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' | 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/**\n\t * Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t */\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) * pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) ||\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","jsxDEV","BodySecondary","this","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","hideSingleChevron","pages","_","i","pageCountOptions","size","StyledTablePaginationContainer","Dropdown","StyledPagingContainer","ChevronLeft","page","ChevronRight"],"mappings":"uXAmBMA,EAAgD,CAAC,CACtD,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,CACD,IAAM,CACL,GAAI,CAACA,EAAY,OAAO,KAExB,MAAMC,EAAUC,EAAAA,cAAc,SAE9B,OACCC,EAAAA,OAACC,iBAAc,MAAO,CAAE,MAAOH,EAAQ,QAAQ,aAAe,SAAA,CAAA,WACpDJ,EAAU,IAAEC,EAAUC,EAAYA,EAAYD,EAAQ,MAAI,IAClEC,EAAU,UAAA,CAAA,EAFZ,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAGA,CAEF,EAEMC,EAA4B,CAAC,EAAG,GAAI,EAAE,EAqB/BC,EAAkD,CAAC,CAC/D,WAAAC,EACA,SAAAC,EACA,UAAAV,EACA,iBAAAW,EACA,eAAAC,EACA,oBAAAC,EACA,cAAAC,EACA,mBAAAC,EAAqB,QACrB,eAAAC,EAAiB,CAAA,EACjB,gBAAAC,EAAkBV,CACnB,IAAM,CACL,MAAML,EAAUC,EAAAA,cAAc,SACxBL,GAAaW,EAAa,GAAKC,EAAW,EAC1CX,GAAWU,EAAa,GAAKC,EAAWA,EACxCQ,EAAW,KAAK,KAAKlB,EAAYU,CAAQ,EACzCS,EAAoBD,GAAY,EACtC,IAAIE,EAAkB,CAAA,EAClBF,GAAY,EACXT,IAAeS,EAClBE,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,CAAA,EAESA,IAAe,EACzBW,EAAQ,CACPX,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,CAAA,EAEJA,IAAe,EACzBW,EAAQ,CACPX,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,CAAA,EAEJA,IAAeS,EAAW,EACpCE,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,CAAA,EAGdW,EAAQ,CACPX,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,CAAA,EAIfW,EAAQ,MAAM,KAAK,CAAE,OAAQF,GAAY,CAACG,EAAGC,IAAMA,EAAI,CAAC,EAGzD,MAAMC,EAAmBN,EAAgB,IAAKO,IAAU,CACvD,MAAO,GAAGA,CAAI,iBACd,MAAO,OAAOA,CAAI,EAClB,SAAUd,IAAac,CAAA,EACtB,EAEF,OACCpB,EAAAA,OAACqB,EAAAA,+BAAA,CAA+B,MAAOT,EACrC,SAAA,CAAA,CAACH,YACA,MAAA,CACA,SAAAT,EAAAA,OAACsB,EAAAA,SAAA,CACA,KAAM,QACN,QAASH,EACT,SAAUX,EACV,MAAO,OAAA,EAJR,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAN,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACd,SAAA,CAAAA,EAAAA,OAACP,EAAA,CACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WACC,CAAC,EACC,CAACa,GAAuBb,EAAY,GACpCa,GACAb,EAAY,GACVc,GACFC,IAAuB,OAAA,EAV3B,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAT,MAAA,EAcAF,EAAAA,OAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAA,CAACe,GACDf,EAAAA,OAACuB,EAAAA,sBAAA,CACA,OAAQ,GACR,QAAS,IAAM,CACVlB,IAAe,GAClBE,EAAiB,KAAK,IAAIF,EAAa,EAAG,CAAC,CAAC,CAE9C,EACA,SAAUA,IAAe,EAEzB,SAAAL,EAAAA,OAACwB,EAAAA,QAAA,CACA,MAAO1B,EAAQ,QAAQ,UACvB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,EAbD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAgBAc,EAAM,IAAKS,GACXzB,EAAAA,OAACuB,EAAAA,sBAAA,CAEA,OAAQE,GAAQpB,EAChB,QAAS,IAAME,EAAiBkB,CAAI,EACpC,MAAO,CACN,QAASA,GAAQ,GAAK7B,GAAaU,EAAW,OAAS,MAAA,EAGxD,SAAAN,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MACCwB,GAAQpB,EACLP,EAAQ,QAAQ,eAChBA,EAAQ,QAAQ,SAAA,EAGpB,SAAA2B,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAAA,CASA,EAhBKuB,EADN,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAAA,CAmBA,EACA,CAACa,GACDf,EAAAA,OAACuB,EAAAA,sBAAA,CACA,OAAQ,GACR,OAAQ,GACR,QAAS,IAAM,CACVlB,IAAeS,GAClBP,EAAiB,KAAK,IAAIF,EAAa,EAAGS,CAAQ,CAAC,CAErD,EACA,SAAUT,IAAeS,EAEzB,SAAAd,EAAAA,OAAC0B,EAAAA,QAAA,CACA,MAAO5B,EAAQ,QAAQ,UACvB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,EAdD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAeA,CAAA,EAvDF,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyDA,EACAF,EAAAA,OAACP,EAAA,CACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WACC,CAAC,EACAa,GACAb,EAAY,GACVc,GACFC,IAAuB,QAAA,EAT1B,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAT,MAAA,CAYA,CAAA,EArFD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAsFA,CAAA,CAAA,EAjGD,OAAA,GAAA,CAAA,SAAA,yGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkGA,CAEF"}

package/dist/cjs/components/TablePagination/TablePaginationCard.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),t=require("styled-components"),o=require("./TablePagination.js"),n=require("../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=i(t),r=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),r=require("styled-components"),i=require("./TablePagination.js"),n=require("../../constants/Theme.js"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(r),o=d.default.div`
 	background: ${n.COLORS.surface.standard};
 	border: ${e=>e.removeBorder?0:1}px solid
 		${n.COLORS.stroke.primary};
@@ -6,5 +6,5 @@
 	display: flex;
 	justify-content: center;
 	margin: auto;
-`,d=e=>a.jsxDEV(r,{removeBorder:e.removeBorder,children:a.jsxDEV(o.TablePagination,{...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:22,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:21,columnNumber:3},void 0);exports.TablePaginationCard=d;exports.TablePaginationCardStyled=r;
+`,l=e=>a.jsxDEV(o,{removeBorder:e.removeBorder,children:a.jsxDEV(i.TablePagination,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:22,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePaginationCard.tsx",lineNumber:21,columnNumber:3},void 0);exports.TablePaginationCard=l;exports.TablePaginationCardStyled=o;
 //# sourceMappingURL=TablePaginationCard.js.map

package/dist/cjs/components/TablePagination/TablePaginationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePaginationCard.js","sources":["../../../../src/components/TablePagination/TablePaginationCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTablePagination,\n\tTablePaginationProps,\n} from '@src/components/TablePagination/TablePagination';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TablePaginationCardStyled = styled.div<{ removeBorder?: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.removeBorder ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: auto;\n`;\n\nexport const TablePaginationCard: React.FC<TablePaginationProps> = (props) => {\n\treturn (\n\t\t<TablePaginationCardStyled removeBorder={props.removeBorder}>\n\t\t\t<TablePagination {...props} />\n\t\t</TablePaginationCardStyled>\n\t);\n};\n"],"names":["TablePaginationCardStyled","styled","COLORS","props","TablePaginationCard","jsxDEV","TablePagination","this"],"mappings":"+RAQaA,EAA4BC,EAAAA,QAAO;AAAA,eACjCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,aAAe,EAAI,CAAE;AAAA,IAC9CD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZE,EAAuDD,GAElEE,EAAAA,OAACL,GAA0B,aAAcG,EAAM,aAC9C,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA4B,CAAA,EAD7B,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA"}
+{"version":3,"file":"TablePaginationCard.js","sources":["../../../../src/components/TablePagination/TablePaginationCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTablePagination,\n\tTablePaginationProps,\n} from '@src/components/TablePagination/TablePagination';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TablePaginationCardStyled = styled.div<{ removeBorder?: boolean }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder: ${(props) => (props.removeBorder ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: auto;\n`;\n\nexport const TablePaginationCard: React.FC<TablePaginationProps> = (props) => {\n\treturn (\n\t\t<TablePaginationCardStyled removeBorder={props.removeBorder}>\n\t\t\t<TablePagination {...props} />\n\t\t</TablePaginationCardStyled>\n\t);\n};\n"],"names":["TablePaginationCardStyled","styled","COLORS","props","TablePaginationCard","jsxDEV","TablePagination","this"],"mappings":"+RAQaA,EAA4BC,EAAAA,QAAO;AAAA,eACjCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,WAC1BC,GAAWA,EAAM,aAAe,EAAI,CAAE;AAAA,IAC9CD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZE,EAAuDD,GAElEE,EAAAA,OAACL,GAA0B,aAAcG,EAAM,aAC9C,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,CAAA,EAArB,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA4B,CAAA,EAD7B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA"}

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),c=require("react"),R=require("styled-components"),I=require("../../hooks/useOutside.js"),o=require("../../constants/Theme.js"),D=require("../../assets/icons/chevronDown.svg.js"),v=require("../../assets/icons/chevronRight.svg.js"),w=require("../../assets/icons/edit.svg.js"),O=require("../../assets/icons/emoji.svg.js"),f=require("../../assets/icons/magic-line.svg.js"),T=require("./BorderAnimation.js"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=B(R),C=s.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),p=require("react"),R=require("styled-components"),k=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),I=require("../../assets/icons/chevronDown.svg.js"),v=require("../../assets/icons/chevronRight.svg.js"),O=require("../../assets/icons/edit.svg.js"),T=require("../../assets/icons/emoji.svg.js"),x=require("../../assets/icons/magic-line.svg.js"),B=require("./BorderAnimation.js"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=j(R),C=s.default.div`
 	display: flex;
 	align-items: center;
 	border: 1px solid transparent;
 	border-radius: 16px;
 	background: #ffe8ef;
 	opacity: ${e=>e.disabled?.5:1};
-`,P=s.default.button`
+`,U=s.default.button`
 	border: 0;
 	background: #ffe8ef;
 	color: #f53f77;
@@ -21,7 +21,7 @@
 	:hover {
 		filter: brightness(0.98);
 	}
-`,U=s.default.button`
+`,V=s.default.button`
 	border: 0;
 	border-left: 1px solid #f6c8d7;
 	background: #ffe8ef;
@@ -32,25 +32,25 @@
 	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
 	display: flex;
 	align-items: center;
-`,V=s.default.div`
-	position: relative;
 `,W=s.default.div`
+	position: relative;
+`,S=s.default.div`
 	position: absolute;
 	top: calc(100% + 6px);
 	left: 0;
-	background: ${o.COLORS.surface.standard};
-	border: 1px solid ${o.COLORS.stroke.primary};
+	background: ${r.COLORS.surface.standard};
+	border: 1px solid ${r.COLORS.stroke.primary};
 	border-radius: 8px;
 	width: 209px;
 	z-index: 10;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`,p=s.default.button`
+`,c=s.default.button`
 	width: 100%;
 	text-align: left;
 	border: 0;
 	background: ${e=>e.selected||e.toneSubmenuOpen?"#d9e8db":"transparent"};
-	color: ${e=>e.selected||e.toneSubmenuOpen?"#1e6b34":o.COLORS.content.primary};
+	color: ${e=>e.selected||e.toneSubmenuOpen?"#1e6b34":r.COLORS.content.primary};
 	padding: 10px 10px;
 	border-radius: 6px;
 	cursor: pointer;
@@ -67,16 +67,16 @@
 			background: ${e.toneSubmenuOpen?"#d9e8db":"#f7f7f8"};
 		}
 	`:""}
-`,S=s.default.div`
+`,$=s.default.div`
 	position: absolute;
 	top: 0;
 	left: calc(100% + 4px);
-	background: ${o.COLORS.surface.standard};
-	border: 1px solid ${o.COLORS.stroke.primary};
+	background: ${r.COLORS.surface.standard};
+	border: 1px solid ${r.COLORS.stroke.primary};
 	border-radius: 8px;
 	min-width: 140px;
 	z-index: 11;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`,$=({label:e,disabled:u,loading:i,highlighted:x,tones:m,selectedToneId:N,instructionActive:l,onClick:k,onToneChange:A,onInstructionsClick:y,showSecondaryRephraseOption:j,onSecondaryRephraseClick:E})=>{const b=c.useRef(null),[g,a]=c.useState(!1),[h,r]=c.useState(!1),d=!!l||!!u||!!i;return I.useOutside(b,()=>{a(!1),r(!1)}),c.useEffect(()=>{l&&(a(!1),r(!1))},[l]),t.jsxDEV(V,{ref:b,children:[t.jsxDEV(T.default,{showAnimation:!!x,disabled:!!u||!!i,borderRadius:16,borderSize:2,children:t.jsxDEV(C,{disabled:u||i,children:[t.jsxDEV(P,{type:"button",disabled:u||i,onClick:k,children:[t.jsxDEV(f.default,{width:12,height:12,color:"#f53f77"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:180,columnNumber:7},void 0),i?"...":e]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:175,columnNumber:6},void 0),t.jsxDEV(U,{type:"button",disabled:d,onClick:()=>{d||(a(n=>!n),r(!1))},children:t.jsxDEV(D.default,{width:14,height:14},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:192,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:183,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:174,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:168,columnNumber:4},void 0),g?t.jsxDEV(W,{children:[m?.length?t.jsxDEV(p,{type:"button",toneSubmenuOpen:h,isChangeToneRow:!0,onMouseEnter:()=>{d||r(!0)},onClick:()=>r(n=>!n),children:t.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[t.jsxDEV("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsxDEV(O.default,{width:18,height:18,color:"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:224,columnNumber:10},void 0),"Change tone"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:217,columnNumber:9},void 0),t.jsxDEV(v.default,{width:14,height:14,color:"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:227,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:209,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:199,columnNumber:7},void 0):null,t.jsxDEV(p,{type:"button",isInstructions:!0,selected:!!l,onMouseEnter:()=>r(!1),onClick:()=>{d||(y?.(),a(!1),r(!1))},children:[t.jsxDEV(w.default,{width:16,height:16,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:243,columnNumber:7},void 0),"Add instructions"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:231,columnNumber:6},void 0),j?t.jsxDEV(p,{type:"button",onMouseEnter:()=>r(!1),onClick:()=>{u||i||(E?.(),a(!1),r(!1))},children:[t.jsxDEV(f.default,{width:16,height:16,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:257,columnNumber:8},void 0),"Rephrase"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:247,columnNumber:7},void 0):null,h&&m?.length?t.jsxDEV(S,{children:m.map(n=>t.jsxDEV(p,{type:"button",selected:n.id===N,onClick:()=>{d||(A?.(n.id),a(!1),r(!1))},children:n.label},n.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:268,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:266,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:197,columnNumber:5},void 0):null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:167,columnNumber:3},void 0)};exports.AIRephraseButton=$;
+`,q=({label:e,disabled:d,loading:i,highlighted:h,tones:m,selectedToneId:y,instructionActive:u,onClick:N,onToneChange:D,onInstructionsClick:w,showSecondaryRephraseOption:A,onSecondaryRephraseClick:E})=>{const b=p.useRef(null),[g,a]=p.useState(!1),[f,o]=p.useState(!1),l=!!u||!!d||!!i;return k.useOutside(b,()=>{a(!1),o(!1)}),p.useEffect(()=>{u&&(a(!1),o(!1))},[u]),n.jsxDEV(W,{ref:b,children:[n.jsxDEV(B.default,{showAnimation:!!h,disabled:!!d||!!i,borderRadius:16,borderSize:2,children:n.jsxDEV(C,{disabled:d||i,children:[n.jsxDEV(U,{type:"button",disabled:d||i,onClick:N,children:[n.jsxDEV(x.default,{width:12,height:12,color:"#f53f77"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:180,columnNumber:7},void 0),i?"...":e]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:175,columnNumber:6},void 0),n.jsxDEV(V,{type:"button",disabled:l,onClick:()=>{l||(a(t=>!t),o(!1))},children:n.jsxDEV(I.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:192,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:183,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:174,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:168,columnNumber:4},void 0),g?n.jsxDEV(S,{children:[m?.length?n.jsxDEV(c,{type:"button",toneSubmenuOpen:f,isChangeToneRow:!0,onMouseEnter:()=>{l||o(!0)},onClick:()=>o(t=>!t),children:n.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[n.jsxDEV("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[n.jsxDEV(T.default,{width:18,height:18,color:"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:224,columnNumber:10},void 0),"Change tone"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:217,columnNumber:9},void 0),n.jsxDEV(v.default,{width:14,height:14,color:"currentColor"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:227,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:209,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:199,columnNumber:7},void 0):null,n.jsxDEV(c,{type:"button",isInstructions:!0,selected:!!u,onMouseEnter:()=>o(!1),onClick:()=>{l||(w?.(),a(!1),o(!1))},children:[n.jsxDEV(O.default,{width:16,height:16,color:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:243,columnNumber:7},void 0),"Add instructions"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:231,columnNumber:6},void 0),A?n.jsxDEV(c,{type:"button",onMouseEnter:()=>o(!1),onClick:()=>{d||i||(E?.(),a(!1),o(!1))},children:[n.jsxDEV(x.default,{width:16,height:16,color:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:257,columnNumber:8},void 0),"Rephrase"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:247,columnNumber:7},void 0):null,f&&m?.length?n.jsxDEV($,{children:m.map(t=>n.jsxDEV(c,{type:"button",selected:t.id===y,onClick:()=>{l||(D?.(t.id),a(!1),o(!1))},children:t.label},t.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:268,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:266,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:197,columnNumber:5},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",lineNumber:167,columnNumber:3},void 0)};exports.AIRephraseButton=q;
 //# sourceMappingURL=AIRephraseButton.js.map

package/dist/cjs/components/WhatsAppTextEditor/AIRephraseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open */\n\ttoneSubmenuOpen?: boolean;\n\t/** Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive || !!disabled || !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled || !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled || loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled || loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxDEV","BorderAnimation","SparkleIcon","this","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"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"}
+{"version":3,"file":"AIRephraseButton.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephraseButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport ChevronDownIcon from '../../assets/icons/chevronDown.svg';\nimport ChevronRightIcon from '../../assets/icons/chevronRight.svg';\nimport EditIcon from '../../assets/icons/edit.svg';\nimport EmojiIcon from '../../assets/icons/emoji.svg';\nimport SparkleIcon from '../../assets/icons/magic-line.svg';\nimport BorderAnimation from './BorderAnimation';\n\nconst AIButtonGroup = styled.div<{ disabled?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid transparent;\n\tborder-radius: 16px;\n\tbackground: #ffe8ef;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n`;\n\nconst AIButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 16px 0 0 16px;\n\tpadding: 6px 10px;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\t:hover {\n\t\tfilter: brightness(0.98);\n\t}\n`;\n\nconst AIArrowButton = styled.button<{ disabled?: boolean }>`\n\tborder: 0;\n\tborder-left: 1px solid #f6c8d7;\n\tbackground: #ffe8ef;\n\tcolor: #f53f77;\n\tborder-radius: 0 16px 16px 0;\n\t//padding: 4px 6px;\n\tline-height: 1;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tdisplay: flex;\n\talign-items: center;\n`;\n\nconst AIDropdownContainer = styled.div`\n\tposition: relative;\n`;\n\nconst AIDropdownMenu = styled.div`\n\tposition: absolute;\n\ttop: calc(100% + 6px);\n\tleft: 0;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\twidth: 209px;\n\tz-index: 10;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\nconst AIDropdownItem = styled.button<{\n\tselected?: boolean;\n\tisInstructions?: boolean;\n\t/** Change tone row: green highlight when tone submenu is open */\n\ttoneSubmenuOpen?: boolean;\n\t/** Change tone row: green text/icon on hover or when submenu open */\n\tisChangeToneRow?: boolean;\n}>`\n\twidth: 100%;\n\ttext-align: left;\n\tborder: 0;\n\tbackground: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : 'transparent'};\n\tcolor: ${(props) =>\n\t\tprops.selected || props.toneSubmenuOpen\n\t\t\t? '#1e6b34'\n\t\t\t: COLORS.content.primary};\n\tpadding: 10px 10px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\t:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected || props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t}\n\t${(props) =>\n\t\tprops.isChangeToneRow\n\t\t\t? `\n\t\t&:hover {\n\t\t\tcolor: #1e6b34;\n\t\t\tbackground: ${props.toneSubmenuOpen ? '#d9e8db' : '#f7f7f8'};\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nconst ToneSubMenu = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: calc(100% + 4px);\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tmin-width: 140px;\n\tz-index: 11;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n\tpadding: 4px;\n`;\n\ntype AIRephraseButtonProps = {\n\tlabel: string;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\thighlighted?: boolean;\n\ttones?: AIActionToneOption[];\n\tselectedToneId?: string;\n\tinstructionActive?: boolean;\n\tonClick?: () => void;\n\tonToneChange?: (toneId: string) => void;\n\tonInstructionsClick?: () => void;\n\tshowSecondaryRephraseOption?: boolean;\n\tonSecondaryRephraseClick?: () => void;\n};\n\nexport const AIRephraseButton = ({\n\tlabel,\n\tdisabled,\n\tloading,\n\thighlighted,\n\ttones,\n\tselectedToneId,\n\tinstructionActive,\n\tonClick,\n\tonToneChange,\n\tonInstructionsClick,\n\tshowSecondaryRephraseOption,\n\tonSecondaryRephraseClick,\n}: AIRephraseButtonProps) => {\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [isToneMenuOpen, setIsToneMenuOpen] = useState(false);\n\tconst isDropdownDisabled = !!instructionActive || !!disabled || !!loading;\n\n\tuseOutside(dropdownRef, () => {\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t});\n\n\tuseEffect(() => {\n\t\tif (!instructionActive) return;\n\t\tsetIsDropdownOpen(false);\n\t\tsetIsToneMenuOpen(false);\n\t}, [instructionActive]);\n\n\treturn (\n\t\t<AIDropdownContainer ref={dropdownRef}>\n\t\t\t<BorderAnimation\n\t\t\t\tshowAnimation={!!highlighted}\n\t\t\t\tdisabled={!!disabled || !!loading}\n\t\t\t\tborderRadius={16}\n\t\t\t\tborderSize={2}\n\t\t\t>\n\t\t\t\t<AIButtonGroup disabled={disabled || loading}>\n\t\t\t\t\t<AIButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={disabled || loading}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SparkleIcon width={12} height={12} color=\"#f53f77\" />\n\t\t\t\t\t\t{loading ? '...' : label}\n\t\t\t\t\t</AIButton>\n\t\t\t\t\t<AIArrowButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdisabled={isDropdownDisabled}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tsetIsDropdownOpen((prev) => !prev);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon width={14} height={14} />\n\t\t\t\t\t</AIArrowButton>\n\t\t\t\t</AIButtonGroup>\n\t\t\t</BorderAnimation>\n\t\t\t{isDropdownOpen ? (\n\t\t\t\t<AIDropdownMenu>\n\t\t\t\t\t{tones?.length ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttoneSubmenuOpen={isToneMenuOpen}\n\t\t\t\t\t\t\tisChangeToneRow\n\t\t\t\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => setIsToneMenuOpen((prev) => !prev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<EmojiIcon width={18} height={18} color=\"currentColor\" />\n\t\t\t\t\t\t\t\t\tChange tone\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={14} height={14} color=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tisInstructions\n\t\t\t\t\t\tselected={!!instructionActive}\n\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\tonInstructionsClick?.();\n\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={16} height={16} color={COLORS.content.primary} />\n\t\t\t\t\t\tAdd instructions\n\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t{showSecondaryRephraseOption ? (\n\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonMouseEnter={() => setIsToneMenuOpen(false)}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disabled || loading) return;\n\t\t\t\t\t\t\t\tonSecondaryRephraseClick?.();\n\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SparkleIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tRephrase\n\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{isToneMenuOpen && tones?.length ? (\n\t\t\t\t\t\t<ToneSubMenu>\n\t\t\t\t\t\t\t{tones.map((tone) => (\n\t\t\t\t\t\t\t\t<AIDropdownItem\n\t\t\t\t\t\t\t\t\tkey={tone.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tselected={tone.id === selectedToneId}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (isDropdownDisabled) return;\n\t\t\t\t\t\t\t\t\t\tonToneChange?.(tone.id);\n\t\t\t\t\t\t\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t\t\t\t\t\t\t\tsetIsToneMenuOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tone.label}\n\t\t\t\t\t\t\t\t</AIDropdownItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ToneSubMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</AIDropdownMenu>\n\t\t\t) : null}\n\t\t</AIDropdownContainer>\n\t);\n};\nexport type AIActionToneOption = {\n\tid: string;\n\tlabel: string;\n};\n"],"names":["AIButtonGroup","styled","props","AIButton","AIArrowButton","AIDropdownContainer","AIDropdownMenu","COLORS","AIDropdownItem","ToneSubMenu","AIRephraseButton","label","disabled","loading","highlighted","tones","selectedToneId","instructionActive","onClick","onToneChange","onInstructionsClick","showSecondaryRephraseOption","onSecondaryRephraseClick","dropdownRef","useRef","isDropdownOpen","setIsDropdownOpen","useState","isToneMenuOpen","setIsToneMenuOpen","isDropdownDisabled","useOutside","useEffect","jsxDEV","BorderAnimation","SparkleIcon","this","prev","ChevronDownIcon","EmojiIcon","ChevronRightIcon","EditIcon","tone"],"mappings":"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"}

package/dist/cjs/components/WhatsAppTextEditor/BorderAnimation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-dev-runtime"),n=require("react"),l=require("./AIRephrase.styled.js"),o={ANIMATION_DURATION:5e3,ROTATION_SPEED:16,ROTATION_INCREMENT:2},O=({children:c,showAnimation:e,disabled:t=!1,onAnimationStart:u,borderRadius:N=12,borderSize:T=2})=>{const[I,s]=n.useState(0);return n.useEffect(()=>{if(!e||t)return;u?.();const r=setInterval(()=>{s(i=>(i+o.ROTATION_INCREMENT)%360)},o.ROTATION_SPEED);return()=>clearInterval(r)},[e,t,u]),n.useEffect(()=>{if(!e||t)return;const r=setTimeout(()=>{s(0)},o.ANIMATION_DURATION);return()=>clearTimeout(r)},[e,t]),a.jsxDEV(l.BorderAnimationContainer,{rotation:I,show:e,borderRadius:N,borderSize:T,children:c},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",lineNumber:52,columnNumber:3},void 0)};exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-dev-runtime"),n=require("react"),l=require("./AIRephrase.styled.js"),o={ANIMATION_DURATION:5e3,ROTATION_SPEED:16,ROTATION_INCREMENT:2},O=({children:N,showAnimation:e,disabled:t=!1,onAnimationStart:s,borderRadius:c=12,borderSize:T=2})=>{const[i,u]=n.useState(0);return n.useEffect(()=>{if(!e||t)return;s?.();const r=setInterval(()=>{u(I=>(I+o.ROTATION_INCREMENT)%360)},o.ROTATION_SPEED);return()=>clearInterval(r)},[e,t,s]),n.useEffect(()=>{if(!e||t)return;const r=setTimeout(()=>{u(0)},o.ANIMATION_DURATION);return()=>clearTimeout(r)},[e,t]),a.jsxDEV(l.BorderAnimationContainer,{rotation:i,show:e,borderRadius:c,borderSize:T,children:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",lineNumber:52,columnNumber:3},void 0)};exports.default=O;
 //# sourceMappingURL=BorderAnimation.js.map

package/dist/cjs/components/WhatsAppTextEditor/BorderAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderAnimation.js","sources":["../../../../src/components/WhatsAppTextEditor/BorderAnimation.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { BorderAnimationContainer } from './AIRephrase.styled';\n\nconst ANIMATION_CONFIG = {\n\tANIMATION_DURATION: 5000,\n\tROTATION_SPEED: 16,\n\tROTATION_INCREMENT: 2,\n} as const;\n\ninterface BorderAnimationProps {\n\tchildren: ReactNode;\n\tshowAnimation: boolean;\n\tdisabled?: boolean;\n\tonAnimationStart?: () => void;\n\tborderRadius?: string | number;\n\tborderSize?: string | number;\n}\n\nconst BorderAnimation: React.FC<BorderAnimationProps> = ({\n\tchildren,\n\tshowAnimation,\n\tdisabled = false,\n\tonAnimationStart,\n\tborderRadius = 12,\n\tborderSize = 2,\n}) => {\n\tconst [rotation, setRotation] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tonAnimationStart?.();\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetRotation((prev) => (prev + ANIMATION_CONFIG.ROTATION_INCREMENT) % 360);\n\t\t}, ANIMATION_CONFIG.ROTATION_SPEED);\n\n\t\treturn () => clearInterval(interval);\n\t}, [showAnimation, disabled, onAnimationStart]);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetRotation(0);\n\t\t}, ANIMATION_CONFIG.ANIMATION_DURATION);\n\n\t\treturn () => clearTimeout(timer);\n\t}, [showAnimation, disabled]);\n\n\treturn (\n\t\t<BorderAnimationContainer\n\t\t\trotation={rotation}\n\t\t\t/* Ring visibility follows the nudge only; `disabled` only stops rotation below. */\n\t\t\tshow={showAnimation}\n\t\t\tborderRadius={borderRadius}\n\t\t\tborderSize={borderSize}\n\t\t>\n\t\t\t{children}\n\t\t</BorderAnimationContainer>\n\t);\n};\n\nexport default BorderAnimation;\n"],"names":["ANIMATION_CONFIG","BorderAnimation","children","showAnimation","disabled","onAnimationStart","borderRadius","borderSize","rotation","setRotation","useState","useEffect","interval","prev","timer","jsxDEV","BorderAnimationContainer","this"],"mappings":"4MAGMA,EAAmB,CACxB,mBAAoB,IACpB,eAAgB,GAChB,mBAAoB,CACrB,EAWMC,EAAkD,CAAC,CACxD,SAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,iBAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EAAa,CACd,IAAM,CACL,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAiB,CAAC,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhCC,IAAA,EAEA,MAAMO,EAAW,YAAY,IAAM,CAClCH,EAAaI,IAAUA,EAAOb,EAAiB,oBAAsB,GAAG,CACzE,EAAGA,EAAiB,cAAc,EAElC,MAAO,IAAM,cAAcY,CAAQ,CACpC,EAAG,CAACT,EAAeC,EAAUC,CAAgB,CAAC,EAE9CM,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhC,MAAMU,EAAQ,WAAW,IAAM,CAC9BL,EAAY,CAAC,CACd,EAAGT,EAAiB,kBAAkB,EAEtC,MAAO,IAAM,aAAac,CAAK,CAChC,EAAG,CAACX,EAAeC,CAAQ,CAAC,EAG3BW,EAAAA,OAACC,EAAAA,yBAAA,CACA,SAAAR,EAEA,KAAML,EACN,aAAAG,EACA,WAAAC,EAEC,SAAAL,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,CAUF"}
+{"version":3,"file":"BorderAnimation.js","sources":["../../../../src/components/WhatsAppTextEditor/BorderAnimation.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { BorderAnimationContainer } from './AIRephrase.styled';\n\nconst ANIMATION_CONFIG = {\n\tANIMATION_DURATION: 5000,\n\tROTATION_SPEED: 16,\n\tROTATION_INCREMENT: 2,\n} as const;\n\ninterface BorderAnimationProps {\n\tchildren: ReactNode;\n\tshowAnimation: boolean;\n\tdisabled?: boolean;\n\tonAnimationStart?: () => void;\n\tborderRadius?: string | number;\n\tborderSize?: string | number;\n}\n\nconst BorderAnimation: React.FC<BorderAnimationProps> = ({\n\tchildren,\n\tshowAnimation,\n\tdisabled = false,\n\tonAnimationStart,\n\tborderRadius = 12,\n\tborderSize = 2,\n}) => {\n\tconst [rotation, setRotation] = useState<number>(0);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tonAnimationStart?.();\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetRotation((prev) => (prev + ANIMATION_CONFIG.ROTATION_INCREMENT) % 360);\n\t\t}, ANIMATION_CONFIG.ROTATION_SPEED);\n\n\t\treturn () => clearInterval(interval);\n\t}, [showAnimation, disabled, onAnimationStart]);\n\n\tuseEffect(() => {\n\t\tif (!showAnimation || disabled) return;\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetRotation(0);\n\t\t}, ANIMATION_CONFIG.ANIMATION_DURATION);\n\n\t\treturn () => clearTimeout(timer);\n\t}, [showAnimation, disabled]);\n\n\treturn (\n\t\t<BorderAnimationContainer\n\t\t\trotation={rotation}\n\t\t\t/* Ring visibility follows the nudge only; `disabled` only stops rotation below. */\n\t\t\tshow={showAnimation}\n\t\t\tborderRadius={borderRadius}\n\t\t\tborderSize={borderSize}\n\t\t>\n\t\t\t{children}\n\t\t</BorderAnimationContainer>\n\t);\n};\n\nexport default BorderAnimation;\n"],"names":["ANIMATION_CONFIG","BorderAnimation","children","showAnimation","disabled","onAnimationStart","borderRadius","borderSize","rotation","setRotation","useState","useEffect","interval","prev","timer","jsxDEV","BorderAnimationContainer","this"],"mappings":"4MAGMA,EAAmB,CACxB,mBAAoB,IACpB,eAAgB,GAChB,mBAAoB,CACrB,EAWMC,EAAkD,CAAC,CACxD,SAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,iBAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EAAa,CACd,IAAM,CACL,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAiB,CAAC,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhCC,IAAA,EAEA,MAAMO,EAAW,YAAY,IAAM,CAClCH,EAAaI,IAAUA,EAAOb,EAAiB,oBAAsB,GAAG,CACzE,EAAGA,EAAiB,cAAc,EAElC,MAAO,IAAM,cAAcY,CAAQ,CACpC,EAAG,CAACT,EAAeC,EAAUC,CAAgB,CAAC,EAE9CM,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,GAAiBC,EAAU,OAEhC,MAAMU,EAAQ,WAAW,IAAM,CAC9BL,EAAY,CAAC,CACd,EAAGT,EAAiB,kBAAkB,EAEtC,MAAO,IAAM,aAAac,CAAK,CAChC,EAAG,CAACX,EAAeC,CAAQ,CAAC,EAG3BW,EAAAA,OAACC,EAAAA,yBAAA,CACA,SAAAR,EAEA,KAAML,EACN,aAAAG,EACA,WAAAC,EAEC,SAAAL,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,CAUF"}