npm - @tecsinapse/react-web-kit - Versions diffs - 1.22.2 → 1.22.3 - Mend

@tecsinapse/react-web-kit 1.22.2 → 1.22.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1118) hide show

package/dist/esm/components/molecules/DatePicker/DatePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n Button,\n Calendar,\n DatePicker as DatePickerCore,\n DatePickerProps,\n DateRange,\n Masks,\n SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { CalendarIcon } from '@tecsinapse/react-core/src/components/molecules/DatePicker/styled';\nimport { InputMask } from '@tecsinapse/react-web-kit';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n DatePickerProps<T>,\n | 'CalendarComponent'\n | 'renderCalendar'\n | 'requestCloseCalendar'\n | 'requestShowCalendar'\n> & {\n callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n value,\n type,\n locale,\n onChange,\n callbackAfterValidated,\n ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n const [visible, setVisible] = useState(false);\n const [controlledInput, setControlledInput] = useState<string>();\n const show = useCallback(() => setVisible(true), []);\n const close = useCallback(() => setVisible(false), []);\n const [error, setError] = useState<boolean>(false);\n\n const getYear = useMemo(() => {\n if (value) {\n if (type === 'range') {\n if ((value as DateRange).lowest !== undefined)\n return new Date((value as DateRange).lowest).getFullYear();\n } else {\n return new Date(value as Date).getFullYear();\n }\n }\n return undefined;\n }, [value]);\n\n const getMonth = useMemo(() => {\n if (value) {\n if (type === 'range') {\n if ((value as DateRange).lowest !== undefined)\n return new Date((value as DateRange).lowest).getMonth();\n } else {\n return new Date(value as Date).getMonth();\n }\n }\n return undefined;\n }, [value]);\n\n const controlComponent = (onPress, displayValue) => {\n return (\n <InputMask\n onBlur={() => {\n if (\n (controlledInput ?? []).length < 8 &&\n (controlledInput ?? []).length > 0\n ) {\n setError(true);\n callbackAfterValidated?.(false, 'Data inválida');\n }\n if (controlledInput?.length === 8) {\n const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n locale,\n });\n const isValidDate = isValid(auxData);\n callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n if (isValidDate && auxData !== value) {\n setError(false);\n onChange?.(auxData as typeof value);\n }\n }\n if (controlledInput?.length === 0) {\n setError(true);\n callbackAfterValidated?.(false, 'Data inválida');\n }\n }}\n mask={Masks.DATE}\n value={displayValue}\n hint={error ? 'Data inválida' : ''}\n variant={error ? 'error' : 'default'}\n onChange={input => {\n setControlledInput(input);\n if ((error && input.length < 8) || isValid(value)) {\n callbackAfterValidated?.(true);\n setError(false);\n }\n }}\n placeholder={'Não informada'}\n rightComponent={\n <Button\n effect={'none'}\n variant={'text'}\n style={{ padding: 0 }}\n onPress={onPress}\n >\n <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n </Button>\n }\n />\n );\n };\n\n if (type === 'day') {\n return (\n <DatePickerCore\n {...rest}\n CalendarComponent={Calendar}\n onChange={onChange}\n locale={locale}\n value={value}\n type={type}\n year={getYear}\n format={'dd/MM/yyyy'}\n month={getMonth}\n requestShowCalendar={show}\n requestCloseCalendar={close}\n renderCalendar={calendar => (\n <Dropdown visible={visible} setVisible={setVisible}>\n {calendar}\n </Dropdown>\n )}\n controlComponent={controlComponent}\n />\n );\n } else {\n return (\n <DatePickerCore\n {...rest}\n CalendarComponent={Calendar}\n onChange={onChange}\n locale={locale}\n value={value}\n type={type}\n year={getYear}\n format={'dd/MM/yyyy'}\n month={getMonth}\n requestShowCalendar={show}\n requestCloseCalendar={close}\n renderCalendar={calendar => (\n <Dropdown visible={visible} setVisible={setVisible}>\n {calendar}\n </Dropdown>\n )}\n />\n );\n }\n};\n"],"names":["DatePickerCore"],"mappings":"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"}

package/{esm → dist/esm}/components/molecules/DatePicker/Modal.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DatePicker/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DatePicker/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DateTimePicker/DateTimePicker.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DateTimePicker/DateTimePicker.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n DateTimePicker as DateTimePickerCore,\n DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n DateTimePickerProps,\n 'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n const [visible, setVisible] = useState<boolean>(false);\n\n const show = useCallback(() => setVisible(true), []);\n const close = useCallback(() => setVisible(false), []);\n\n return (\n <DateTimePickerCore\n {...rest}\n requestShowSelector={show}\n requestCloseSelector={close}\n renderSelector={selector => (\n <Dropdown visible={visible} setVisible={setVisible}>\n {selector}\n </Dropdown>\n )}\n />\n );\n};\n"],"names":["DateTimePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,cAAA,GAA6C,CAAC,EAAgB,KAAA;AAAhB,EAAA,IAAK,iBAAL,EAAK,EAAA,EAAA,CAAA,CAAA;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,mDACK,IADL,CAAA,EAAA;AAAA,IAEC,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACb,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/DateTimePicker/Modal.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DateTimePicker/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/DateTimePicker/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Drawer/Drawer.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Drawer/Drawer.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Drawer/Drawer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n transitionStylesTopBottom,\n defaultStylesTopBottom,\n defaultStylesLeftRight,\n transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n open,\n anchorPosition = 'right',\n onClose,\n children,\n style,\n ...rest\n}) => {\n const getStyles = (\n anchorPosition: AnchorPosition,\n state: TransitionStatus\n ) => {\n const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n if (['left', 'right'].includes(anchorPosition)) {\n return {\n ...stylesLeftRight,\n ...transitionLeftRight[state],\n };\n } else {\n return {\n ...stylesTopBottom,\n ...transitionTopBottom[state],\n };\n }\n };\n\n return (\n <>\n <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n <Transition in={open} timeout={300}>\n {state => (\n <StyledContainerDrawer\n style={{ ...style, ...getStyles(anchorPosition, state) }}\n anchorPosition={anchorPosition}\n onClose={onClose}\n open={open}\n {...rest}\n >\n {children}\n </StyledContainerDrawer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,MAAA,GAA0B,CAAC,EAO3B,KAAA;AAP2B,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,GAxBF,GAmBiC,EAM5B,EAAA,IAAA,GAAA,SAAA,CAN4B,EAM5B,EAAA;AAAA,IALH,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAEpB,MAAA;AACL,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAE3B;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,IAAK,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,QAAA;AAAA,GAAS,mBACpE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAU,CAAA,EAAA,SAAA,CAAU,gBAAgB,KAAK,CAAA,CAAA;AAAA,IACrD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,GACI,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/Drawer/animations.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Drawer/animations.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Drawer/animations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animations.js","sources":["../../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n anchorPosition: string\n): CSSProperties => {\n return {\n transition: 'transform 300ms ease-in-out',\n transform: transformLeftRigthClose(anchorPosition),\n overflowX: 'hidden',\n overflowY: 'auto',\n };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n return {\n entering: { transform: transformLeftRigthClose(anchorPosition) },\n entered: {\n transform: transformLeftRigthOpen,\n },\n exiting: {\n transform: transformLeftRigthOpen,\n },\n exited: { transform: transformLeftRigthClose(anchorPosition) },\n };\n};\n\nexport const defaultStylesTopBottom = (\n anchorPosition: string\n): CSSProperties => {\n return {\n transition: 'transform 300ms ease-in-out',\n transform: transformTopBottomClose(anchorPosition),\n overflowX: 'hidden',\n overflowY: 'auto',\n };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n return {\n entering: { transform: transformTopBottomClose(anchorPosition) },\n entered: {\n transform: transformTopBottomOpen,\n },\n exiting: {\n transform: transformTopBottomOpen,\n },\n exited: { transform: transformTopBottomClose(anchorPosition) },\n };\n};\n"],"names":[],"mappings":"AAEO,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,UAAU,kBAAqB,GAAA,oBAAA;AAE7C,MAAM,sBAAyB,GAAA,gBAAA;AAE/B,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,QAAQ,mBAAsB,GAAA,mBAAA;AAE5C,MAAM,sBAAyB,GAAA,iBAAA;AAEzB,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AAEa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AACa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF;;;;"}

package/{esm → dist/esm}/components/molecules/Drawer/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Drawer/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Drawer/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Drawer/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'left' &&\n css`\n left: 0;\n top: 0;\n border-top-right-radius: ${theme.borderRadius.centi};\n border-bottom-right-radius: ${theme.borderRadius.centi};\n `\n );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'right' &&\n css`\n right: 0;\n top: 0;\n border-top-left-radius: ${theme.borderRadius.centi};\n border-bottom-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'top' &&\n css`\n left: 0;\n right: 0;\n top: 0;\n border-bottom-right-radius: ${theme.borderRadius.centi};\n border-bottom-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'bottom' &&\n css`\n left: 0;\n right: 0;\n bottom: 0;\n border-top-right-radius: ${theme.borderRadius.centi};\n border-top-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return css`\n height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n position: fixed;\n overflow: hidden;\n background-color: ${theme.miscellaneous.bodyColor};\n z-index: ${theme.zIndex.drawer};\n `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n DrawerProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${anchorBottom(props)}\n ${anchorTop(props)}\n ${anchorLeft(props)}\n ${anchorRight(props)}\n `\n);\n"],"names":[],"mappings":";;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,+BAAA,EAG6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,kCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGvD,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,8BAAA,EAG4B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAAA,EAIgC,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAAA,EAI6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,8BAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGnD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAA,GAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA,WAAA,EAC/C,CAAC,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGnC,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,aAAA,EAC7B,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5B,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,IAAA,EACf,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

package/{esm → dist/esm}/components/molecules/Grid/Grid.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Grid/Grid.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Grid/Grid.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n children,\n columns = 12,\n layout,\n style,\n spacing,\n ...rest\n}: IGridWeb): JSX.Element => {\n if (layout) {\n const flatLayout = layout.flat();\n return (\n <div\n style={{\n ...style,\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n }}\n {...rest}\n >\n {React.Children.map(children, (child, index) => (\n <GridItem\n key={`child-${index}`}\n columns={columns}\n span={flatLayout[index]}\n spacing={spacing}\n >\n {child}\n </GridItem>\n ))}\n </div>\n );\n }\n\n return (\n <div\n style={{\n ...style,\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n }}\n {...rest}\n >\n {React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n columns,\n spacing: child?.props.spacing ?? spacing,\n key: `child-${index}`,\n });\n })}\n </div>\n );\n};\n\nexport default Grid;\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOe,KAAA;AAPf,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,QAEL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ,CAAA;AAAA,KACI,EAAA,IAAA,CAAA,EAEH,MAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ,CAAA;AAAA,GAAA,EACI,OAEH,KAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAnDtD,IAAAA,IAAAA,GAAAA,CAAAA;AAoDQ,IAAA,OAAO,KAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASA,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/Grid/Item/Item.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Grid/Item/Item.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Grid/Item/Item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n IGridItem,\n useTheme,\n Breakpoints,\n getGridItemColumSpan,\n getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n extends Omit<IGridItem, 'span'>,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n /** At least sm should exist */\n span: number | Span;\n /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n flexBasis?:\n | string\n | 'content'\n | 'auto'\n | 'max-content'\n | 'min-content'\n | 'fit-content';\n}\n\nconst GridItem = ({\n children,\n span: _span,\n columns = 12,\n loadingComponent,\n loading = false,\n spacing: _spacing,\n wrapper = false,\n alignContent,\n alignItems,\n alignSelf,\n flex,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n flexBasis,\n style,\n ...rest\n}: IGridItemWeb): JSX.Element => {\n const { spacing } = useTheme();\n const { sm, md, lg } = useBreakpoints();\n if (!React.Children.only(children)) {\n throw new Error('The number of children in GridItem should be one');\n }\n if (loadingComponent && loading) {\n return loadingComponent;\n }\n\n const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n const _style: React.CSSProperties = {\n ...style,\n alignContent,\n alignItems,\n alignSelf,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n flex,\n boxSizing: 'border-box',\n flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n paddingTop: getGridItemPadding('top', _spacing, spacing),\n paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n paddingRight: getGridItemPadding('right', _spacing, spacing),\n paddingLeft: getGridItemPadding('left', _spacing, spacing),\n };\n\n const clone = React.cloneElement(children, {\n ...children?.props,\n style: wrapper\n ? children?.props.style\n : { ..._style, ...children?.props.style },\n });\n\n return wrapper ? (\n <div {...rest} style={_style}>\n {clone}\n </div>\n ) : (\n clone\n );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":"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"}

package/{esm → dist/esm}/components/molecules/Grid/Item/functions.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Grid/Item/functions.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Grid/Item/functions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"functions.js","sources":["../../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n value: Span,\n sm: boolean,\n md: boolean,\n lg: boolean\n): number => {\n if (!value) return 0;\n if (sm) return value.sm;\n if (md) return value?.md ?? value.sm;\n if (lg) return value?.lg ?? value?.md ?? value.sm;\n return 0;\n};\n"],"names":[],"mappings":"AAEO,MAAM,OAAU,GAAA,CACrB,KACA,EAAA,EAAA,EACA,IACA,EACW,KAAA;AAPb,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAQE,EAAA,IAAI,CAAC,KAAA;AAAO,IAAO,OAAA,CAAA,CAAA;AACnB,EAAI,IAAA,EAAA;AAAI,IAAA,OAAO,KAAM,CAAA,EAAA,CAAA;AACrB,EAAI,IAAA,EAAA;AAAI,IAAO,OAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAM,CAAA,EAAA,CAAA;AAClC,EAAI,IAAA,EAAA;AAAI,IAAA,OAAA,CAAO,0CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,EAAA,KAApB,YAA0B,KAAM,CAAA,EAAA,CAAA;AAC/C,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/{esm → dist/esm}/components/molecules/Grid/Item/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Grid/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/IconTextButton.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/IconTextButton.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n iconProps,\n iconPosition = 'left',\n textProps,\n label,\n variant = 'filled',\n size = 'default',\n ...rest\n}): JSX.Element => {\n const { handleHover, handlePressed, defaultFontColor } =\n useIconTextButton(variant);\n\n return (\n <StyledIconTextButton\n boxed={!label}\n variant={variant}\n size={size}\n onMouseOut={() => handleHover(true)}\n onMouseOver={() => handleHover(false)}\n onPressIn={() => handlePressed(true)}\n onPressOut={() => handlePressed(false)}\n {...rest}\n >\n {iconPosition === 'left' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={defaultFontColor}\n />\n ) : (\n <></>\n )}\n <TextComponent\n label={label}\n defaultFontColor={defaultFontColor}\n hasIcon={!!iconProps}\n iconPosition={iconPosition}\n textProps={textProps}\n size={size}\n />\n {iconPosition === 'right' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={defaultFontColor}\n />\n ) : (\n <></>\n )}\n </StyledIconTextButton>\n );\n};\n\nexport default IconTextButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,cAAA,GAAmD,CAAC,EAQvC,KAAA;AARuC,EACxD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,YAAe,GAAA,MAAA;AAAA,IACf,SAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,GAhBT,GAU0D,EAOrD,EAAA,IAAA,GAAA,SAAA,CAPqD,EAOrD,EAAA;AAAA,IANH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,WAAa,EAAA,aAAA,EAAe,gBAAiB,EAAA,GACnD,kBAAkB,OAAO,CAAA,CAAA;AAE3B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,cAAA,CAAA;AAAA,IACC,OAAO,CAAC,KAAA;AAAA,IACR,OAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA,EAAY,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,IAClC,WAAA,EAAa,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,IACpC,SAAA,EAAW,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,IACnC,UAAA,EAAY,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,GACjC,EAAA,IAAA,CAAA,EAEH,YAAiB,KAAA,MAAA,mBACf,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACf,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/IconTextButton/TextComponent.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/TextComponent.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n ButtonSizeType,\n FontColor,\n IconPositionOptions,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n textProps?: TextProps;\n size?: ButtonSizeType;\n defaultFontColor: keyof FontColor;\n label?: string;\n iconPosition?: IconPositionOptions;\n hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n textProps,\n size = 'default',\n defaultFontColor,\n label,\n}) => {\n return label ? (\n <Text\n typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n fontWeight={textProps?.fontWeight ?? 'bold'}\n fontColor={textProps?.fontColor ?? defaultFontColor}\n {...textProps}\n >\n {label}\n </Text>\n ) : (\n <></>\n );\n};\n\nexport default React.memo(TextComponent);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AAvBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAwBE,EAAA,OAAO,wBACJ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,cAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAA,CAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,MAAA;AAAA,IACrC,SAAA,EAAA,CAAW,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC/B,EAAA,SAAA,CAAA,EAEH,KACH,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAe,KAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/{esm → dist/esm}/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/hooks/useIconTextButton.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIconTextButton.js","sources":["../../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n const [hover, setHover] = useState<boolean>(false);\n const [pressed, setPressed] = useState<boolean>(false);\n\n const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n const handleHover = useCallback(\n (value: boolean) => {\n setHover(value);\n },\n [setHover]\n );\n\n const handlePressed = useCallback(\n (value: boolean) => {\n setPressed(value);\n },\n [setPressed]\n );\n\n return {\n handleHover,\n handlePressed,\n defaultFontColor,\n };\n};\n\nexport default useIconTextButton;\n"],"names":[],"mappings":";;;AAGM,MAAA,iBAAA,GAAoB,CAAC,OAAyB,KAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,gBAAmB,GAAA,CAAC,OAAW,IAAA,KAAA,GAAQ,UAAU,WAAY,CAAA,OAAA,CAAA,CAAA;AAEnE,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,KAAmB,KAAA;AAClB,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,KAAmB,KAAA;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/{esm → dist/esm}/components/molecules/IconTextButton/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/IconTextButton/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/IconTextButton/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n `\n padding: ${theme?.spacing.centi};\n aspect-ratio: 1;\n `;\n\nexport const StyledIconTextButton = styled(Button)<\n Partial<StyleProps> & {\n boxed: boolean;\n }\n>`\n gap: ${({ theme }) => theme?.spacing.mili};\n ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"names":["styled"],"mappings":";;;;AAIA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EACpB,KAAA,CAAA;AAAA,aAAA,EACa,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuBA,aAAO,MAAM,CAAA,CAAA;AAAA,OAAA,EAKxC,CAAC,EAAE,KAAM,EAAA,KAAM,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,EACnC,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/InputPassword/InputPassword.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/InputPassword/InputPassword.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/InputPassword/InputPassword.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InputPassword.js","sources":["../../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n ({ rightComponent, ...rest }, ref) => {\n const [revealed, setRevealed] = useState(false);\n return (\n <Input\n {...rest}\n ref={ref}\n secureTextEntry={!revealed}\n rightComponent={\n <>\n <InputPasswordIcon\n onChangeState={setRevealed}\n revealed={revealed}\n effect=\"none\"\n />\n {rightComponent}\n </>\n }\n />\n );\n }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,gBAA2C,KAAM,CAAA,UAAA;AAAA,EACrD,CAAC,IAA6B,GAAQ,KAAA;AAArC,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAPL,cAAA,EAAA,GAOG,EAAqB,EAAA,IAAA,GAAA,SAAA,CAArB,IAAqB,CAAnB,gBAAA,CAAA,CAAA,CAAA;AACD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,wCACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,iBAAiB,CAAC,QAAA;AAAA,MAClB,cAAA,4EAEK,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA;AAAA,QACA,MAAO,EAAA,MAAA;AAAA,OACT,GACC,cACH,CAAA;AAAA,KAEJ,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/{esm → dist/esm}/components/molecules/InputPassword/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/LabeledSwitch/LabelComponent.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/LabeledSwitch/LabelComponent.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LabelComponent.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n FontColor,\n FontWeight,\n LabelPositionOptions,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n label: string;\n labelPosition: LabelPositionOptions;\n labelProps?: TextProps;\n active: boolean;\n switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n label,\n labelPosition,\n labelProps,\n active,\n switchDisabled = false,\n ...rest\n}) => {\n const defaultFontColor: keyof FontColor =\n active && !switchDisabled ? 'dark' : 'medium';\n const defaultFontWeight: keyof FontWeight =\n active && !switchDisabled ? 'bold' : 'regular';\n\n return (\n <Pressable {...rest}>\n <StyledLabel\n labelPosition={labelPosition}\n fontColor={labelProps?.fontColor ?? defaultFontColor}\n fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n {...labelProps}\n >\n {label}\n </StyledLabel>\n </Pressable>\n );\n};\n\nexport default React.memo(LabelComponent);\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAA,GAA0C,CAAC,EAO3C,KAAA;AAP2C,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,GAvBnB,GAkBiD,EAM5C,EAAA,IAAA,GAAA,SAAA,CAN4C,EAM5C,EAAA;AAAA,IALH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAvBF,EAAA,IAAAA,GAAAC,EAAAA,GAAAA,CAAAA;AA0BE,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA;AAAA,IACC,aAAA;AAAA,IACA,SAAWD,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAZ,OAAAA,GAAyB,GAAA,gBAAA;AAAA,IACpC,UAAYC,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,UAAA,KAAZ,OAAAA,GAA0B,GAAA,iBAAA;AAAA,GAClC,EAAA,UAAA,CAAA,EAEH,KACH,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAe,KAAA,CAAM,KAAK,cAAc,CAAA;;;;"}

package/{esm → dist/esm}/components/molecules/LabeledSwitch/LabeledSwitch.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/LabeledSwitch/LabeledSwitch.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n label,\n labelPosition = 'right',\n labelProps,\n pressableLabel = false,\n disabled,\n active,\n onChange,\n ...rest\n}) => {\n return (\n <StyledDiv>\n {labelPosition === 'left' ? (\n <LabelComponent\n active={active}\n label={label}\n labelPosition={'left'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n <Switch\n active={active}\n disabled={disabled}\n onChange={onChange}\n {...rest}\n />\n {labelPosition === 'right' ? (\n <LabelComponent\n active={active}\n label={label}\n labelPosition={'right'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n </StyledDiv>\n );\n};\n\nexport default LabeledSwitch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAhBF,GASkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/LabeledSwitch/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/LabeledSwitch/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/LabeledSwitch/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/LabeledSwitch/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n Partial<StyleProps> & {\n labelPosition: LabelPositionOptions;\n }\n>`\n ${({ theme, labelPosition }) => {\n if (labelPosition === 'right')\n return css`\n margin-left: ${theme?.spacing.centi};\n `;\n else if (labelPosition === 'left')\n return css`\n margin-right: ${theme?.spacing.centi};\n `;\n }}\n`;\n"],"names":["webStyled"],"mappings":";;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Masonry/Masonry.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Masonry/Masonry.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Masonry/Masonry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Masonry.js","sources":["../../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n columns: number;\n /** Spacing to the left of every block on index % column !== 0 */\n spacingLeft: SpacingType;\n /** Spacing to the top of every block on index >= column */\n spacingTop: SpacingType;\n}\n\nconst Masonry: React.FC<MasonryProps> = ({\n children,\n columns,\n spacingTop,\n spacingLeft,\n}) => {\n const getColumns = () => {\n const columnsArray: React.ReactNode[][] = Array.from(\n { length: columns },\n () => []\n );\n\n React.Children.forEach(children, (child, index) => {\n if (child && React.isValidElement(child)) {\n columnsArray[index % columns].push(child);\n }\n });\n\n return columnsArray;\n };\n\n const renderColumn = column => {\n return column.map((item, index) => (\n <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n {item}\n </StyledRowItem>\n ));\n };\n\n const renderColumns = () => {\n return getColumns().map((column, index) => (\n <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n {renderColumn(column)}\n </StyledColumnItem>\n ));\n };\n\n return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"names":[],"mappings":";;;AAYA,MAAM,UAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,eAAoC,KAAM,CAAA,IAAA;AAAA,MAC9C,EAAE,QAAQ,OAAQ,EAAA;AAAA,MAClB,MAAM,EAAC;AAAA,KACT,CAAA;AAEA,IAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AACxC,QAAa,YAAA,CAAA,KAAA,GAAQ,OAAS,CAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,eAAe,CAAU,MAAA,KAAA;AAC7B,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACtB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,MAAc,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,UAAA;AAAA,KAAA,EACtC,IACH,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,OAAO,YAAa,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,0BAC9B,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,MAAiB,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,WAAA;AAAA,KACzC,EAAA,YAAA,CAAa,MAAM,CACtB,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}

package/{esm → dist/esm}/components/molecules/Masonry/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Masonry/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Masonry/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Masonry/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n flex: 1;\n width: 0;\n margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: stretch;\n box-sizing: border-box;\n width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAS3B,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,WAAA,GAAc,MAAO,EAAA,KACnD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,WAAe,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA;AAGhC,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cAGzB,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,UAAA,GAAa,MAAO,EAAA,KACjD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,UAAc,CAAA,GAAA,SAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuBlock.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuBlock.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n StyledContainerItems,\n StyledContainerMenu,\n StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n toggle: () => void;\n options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n return (\n <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n {options.map(data => (\n <React.Fragment key={`${data.title}`}>\n <StyledContainerMenu>\n {data.leftComponents && (\n <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n )}\n <Text fontWeight=\"bold\">{data.title}</Text>\n </StyledContainerMenu>\n <StyledContainerItems>\n {data.items.map(\n ({\n title,\n Component,\n props,\n rightComponents,\n items,\n }: ItemsOptions) => (\n <MenuItem\n items={items}\n key={title}\n title={title}\n Component={Component}\n rightComponents={rightComponents}\n props={props}\n toggle={toggle}\n />\n )\n )}\n </StyledContainerItems>\n </React.Fragment>\n ))}\n </Masonry>\n );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,CAAA;AAAA,IAAG,UAAW,EAAA,MAAA;AAAA,IAAO,WAAY,EAAA,MAAA;AAAA,GAAA,EAChD,OAAQ,CAAA,GAAA,CAAI,CACX,IAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,QAAN,EAAA;AAAA,IAAe,GAAA,EAAK,GAAG,IAAK,CAAA,KAAA,CAAA,CAAA;AAAA,GAC3B,kBAAA,KAAA,CAAA,aAAA,CAAC,2BACE,IAAK,CAAA,cAAA,wCACH,mBAAqB,EAAA,IAAA,EAAA,IAAA,CAAK,cAAe,CAAA,kBAE3C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,0BAEC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAA;AAAA,MACA,GAAK,EAAA,KAAA;AAAA,MACL,KAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n title: string;\n /** Wrapping component for element. This is used for navigation */\n Component: ElementType;\n /** Properties spread to wrapping Component */\n props: any;\n toggle: () => void;\n rightComponents?: React.ReactNode;\n items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n title,\n Component = 'a',\n props = {},\n rightComponents,\n items,\n toggle,\n}) => {\n const [open, setOpen] = React.useState<boolean>(false);\n\n const noTextDecoration = { textDecoration: 'none' };\n\n const getIconName = () =>\n open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n const handleMenuAction = () => setOpen(!open);\n\n return (\n <>\n <StyledContainerItemText key={title}>\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <Text\n colorVariant={open ? 'primary' : 'secondary'}\n colorTone={open ? 'medium' : 'dark'}\n >\n <StyledText>{title}</StyledText>\n </Text>\n </Component>\n {rightComponents && !items && (\n <StyledRightComponent>{rightComponents}</StyledRightComponent>\n )}\n {items && (\n <StyledSubButton onClick={handleMenuAction}>\n <Icon\n name={getIconName()}\n type=\"material-community\"\n fontColor=\"orange\"\n />\n </StyledSubButton>\n )}\n </StyledContainerItemText>\n {open &&\n items?.map(subItem => (\n <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n ))}\n </>\n );\n};\n\nexport default MenuItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAY,GAAA,GAAA;AAAA,EACZ,QAAQ,EAAC;AAAA,EACT,eAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAM,MAAA,WAAA,GAAc,MAClB,IAAA,GAAO,8BAAiC,GAAA,gCAAA,CAAA;AAE1C,EAAA,MAAM,gBAAmB,GAAA,MAAM,OAAQ,CAAA,CAAC,IAAI,CAAA,CAAA;AAE5C,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA;AAAA,IAAwB,GAAK,EAAA,KAAA;AAAA,GAC5B,kBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,YAAA,EAAc,OAAO,SAAY,GAAA,WAAA;AAAA,IACjC,SAAA,EAAW,OAAO,QAAW,GAAA,MAAA;AAAA,GAAA,kBAE5B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAY,KAAM,CACrB,CACF,CACC,EAAA,eAAA,IAAmB,CAAC,KAAA,oBAClB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EAAsB,eAAgB,CAAA,EAExC,yBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IAAgB,OAAS,EAAA,gBAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,MAAM,WAAY,EAAA;AAAA,IAClB,IAAK,EAAA,oBAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,EACC,SACC,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAI,6BACR,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAK,OAAQ,CAAA,KAAA;AAAA,IAAO,IAAM,EAAA,OAAA;AAAA,IAAS,MAAA;AAAA,GAAgB,CAEvE,CAAA,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SubMenuBlock.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledRightComponent, StyledText } from '../../styled';\nimport { ItemsOptions } from '../../../types';\nimport { DummyBorder, StyledContainerItem } from './styled';\n\ninterface SubMenuBlockProps {\n data: ItemsOptions;\n toggle: () => void;\n}\n\nconst SubMenuBlock: React.FC<SubMenuBlockProps> = ({ data, toggle }) => {\n const { Component, props, rightComponents, title } = data;\n\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <StyledContainerItem>\n <DummyBorder />\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <Text colorVariant=\"secondary\" colorTone=\"medium\" typography=\"sub\">\n <StyledText>{title}</StyledText>\n </Text>\n </Component>\n {rightComponents && (\n <StyledRightComponent>{rightComponents}</StyledRightComponent>\n )}\n </StyledContainerItem>\n );\n};\n\nexport default SubMenuBlock;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAA4C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACtE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAO,EAAA,eAAA,EAAiB,OAAU,GAAA,IAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,2CACG,mBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAY,CACb,kBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,KAAA;AAAA,GAC3D,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAY,EAAA,IAAA,EAAA,KAAM,CACrB,CACF,GACC,eACC,oBAAA,KAAA,CAAA,aAAA,CAAC,oBAAsB,EAAA,IAAA,EAAA,eAAgB,CAE3C,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n display: flex;\n align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n height: ${({ theme }) => theme.typography.sub.fontSize};\n border-left: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAC/B,EAAA,CAAC,EAAE,KAAA,EAChB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/MenuItem/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n margin-top: ${({ theme }) => theme.spacing.mili};\n display: flex;\n align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n margin-left: ${({ theme }) => theme.spacing.mili};\n cursor: pointer;\n & * {\n user-select: none;\n }\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKhC,MAAA,eAAA,GAAkB,OAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MenuBlock/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MenuBlock/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n border-bottom: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n width: 100%;\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n &:hover {\n color: ${({ theme }) => theme.font.color.orange};\n }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAI5B,CAAC,EAAE,KAAA,OAClB,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEgB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAa,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/Menubar.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/Menubar.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/Menubar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Menubar.js","sources":["../../../../../src/components/molecules/Menubar/Menubar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n StyledIconInput,\n StyledMenuBar,\n StyledMenuButton,\n StyledContainerOpenMenu,\n StyledInput,\n StyledInputContainer,\n StyledSearchResultsContainer,\n StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n getContainerOpenMenuStyles,\n getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n options: OptionsType[];\n leftComponents?: React.ReactNode;\n rightComponents?: React.ReactNode;\n /** Limited to first 4 elements */\n mostUsed?: MostUsedType[];\n mostUsedLabel?: string;\n searchable?: boolean;\n searchPlaceholder?: string;\n searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n leftComponents,\n rightComponents,\n searchPlaceholder = 'O quê você deseja buscar?',\n options,\n mostUsed,\n mostUsedLabel = 'Mais acessados',\n searchResultsLabel = 'Resultados da busca',\n searchable = true,\n ...rest\n}) => {\n const [search, setSearch] = React.useState<string>('');\n const [results, setResults] = React.useState<MostUsedType[]>([]);\n const [input, setInput] = useDebouncedState<string>('', setSearch);\n const [open, setOpen] = React.useState<boolean>(false);\n const menuRef = useRef<HTMLDivElement | null>(null);\n useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n const toggleOpen = React.useCallback(\n () => setOpen(state => !state),\n [setOpen]\n );\n\n React.useEffect(() => {\n if (search === '') return;\n setResults(filterAndTransform(options, search));\n }, [search]);\n\n return (\n <div ref={ref => (menuRef.current = ref)} {...rest}>\n <StyledMenuBar>\n <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n {!open ? (\n <Icon\n size=\"deca\"\n name=\"menu\"\n type=\"material-community\"\n fontColor=\"light\"\n />\n ) : (\n <Icon\n size=\"deca\"\n name=\"close\"\n type=\"material-community\"\n fontColor=\"light\"\n />\n )}\n </StyledMenuButton>\n {leftComponents}\n <Transition in={open} timeout={250}>\n {state => (\n <StyledInputContainer style={getInputContainerStyles(state)}>\n {searchable && (\n <StyledInput\n placeholder={searchPlaceholder}\n leftComponent={\n <StyledIconInput>\n <Icon name=\"magnify\" type=\"material-community\" />\n </StyledIconInput>\n }\n value={input}\n onChange={setInput}\n />\n )}\n </StyledInputContainer>\n )}\n </Transition>\n {rightComponents}\n </StyledMenuBar>\n <Transition in={open} timeout={250}>\n {state => (\n <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n {!search ? (\n <>\n {mostUsed && (\n <MostUsed\n label={mostUsedLabel}\n data={mostUsed}\n toggle={toggleOpen}\n />\n )}\n <MenuBlock options={options} toggle={toggleOpen} />\n </>\n ) : (\n <StyledSearchResultsContainer>\n <StyledSearchTextContainer>\n <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n </StyledSearchTextContainer>\n {results.map(result => (\n <SearchResultItem\n key={`${result.title}-${result.category}`}\n data={result}\n searchTerm={search}\n toggle={toggleOpen}\n />\n ))}\n </StyledSearchResultsContainer>\n )}\n </StyledContainerOpenMenu>\n )}\n </Transition>\n </div>\n );\n};\n\nexport default Menubar;\n"],"names":[],"mappings":"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"}

package/{esm → dist/esm}/components/molecules/Menubar/MostUsed/MostUsed.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MostUsed/MostUsed.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MostUsed.js","sources":["../../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n data: MostUsedType[];\n label: string;\n toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <>\n <Text fontWeight=\"bold\">{label}</Text>\n <StyledCardContainer>\n {data\n .slice(0, 4)\n .map(\n ({\n title,\n category,\n Component = 'a',\n props = {},\n }: MostUsedType) => (\n <Component\n {...props}\n style={noTextDecoration}\n key={`${title}-${category}`}\n onClick={toggle}\n >\n <StyledCard elevated key={`${title}-${category}`}>\n <Text fontWeight=\"bold\" colorVariant=\"primary\">\n {title}\n </Text>\n <Text\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n typography=\"label\"\n >\n {category}\n </Text>\n </StyledCard>\n </Component>\n )\n )}\n </StyledCardContainer>\n </>\n );\n};\n\nexport default React.memo(MostUsed);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAoC,CAAC,EAAE,IAAM,EAAA,KAAA,EAAO,QAAa,KAAA;AACrE,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAQ,EAAA,KAAM,mBAC9B,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EACE,KACE,KAAM,CAAA,CAAA,EAAG,CAAC,CACV,CAAA,GAAA;AAAA,IACC,CAAC;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAY,GAAA,GAAA;AAAA,MACZ,QAAQ,EAAC;AAAA,KACX,qBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,KADL,CAAA,EAAA;AAAA,MAEC,KAAO,EAAA,gBAAA;AAAA,MACP,GAAA,EAAK,GAAG,KAAS,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,MACjB,OAAS,EAAA,MAAA;AAAA,KAAA,CAAA,kBAER,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MAAW,QAAQ,EAAA,IAAA;AAAA,MAAC,GAAA,EAAK,GAAG,KAAS,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,KAAA,kBACnC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,UAAW,EAAA,MAAA;AAAA,MAAO,YAAa,EAAA,SAAA;AAAA,KAClC,EAAA,KACH,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,UAAW,EAAA,MAAA;AAAA,MACX,YAAa,EAAA,WAAA;AAAA,MACb,UAAW,EAAA,OAAA;AAAA,KAEV,EAAA,QACH,CACF,CACF,CAAA;AAAA,GAGR,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAe,KAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/MostUsed/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MostUsed/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/MostUsed/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/MostUsed/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-column-gap: ${({ theme }) => theme.spacing.mega};\n margin-bottom: ${({ theme }) => theme.spacing.kilo};\n margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n padding-top: ${({ theme }) => theme.spacing.mili};\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n padding-left: ${({ theme }) => theme.spacing.deca};\n padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"names":["webStyled"],"mappings":";;;;AAIa,MAAA,mBAAA,GAAsBA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,qBAAA,EAG3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,mBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,gBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,UAAA,GAAa,aAAa,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,mBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/SearchResultItem.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchResultItem.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n data: MostUsedType;\n searchTerm: string;\n toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n data,\n searchTerm,\n toggle,\n}) => {\n const { title, category, Component, props } = data;\n const noTextDecoration = { textDecoration: 'none' };\n\n const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n return (\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <StyledSearchItemContainer>\n <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n {highlight(searchTerm, title, HighlightText, textProps)}\n </Text>\n <Text\n typography=\"sub\"\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n colorTone=\"medium\"\n >\n {category}\n </Text>\n </StyledSearchItemContainer>\n </Component>\n );\n};\n\nexport default SearchResultItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,mBAA+C,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,SAAA,EAAW,OAAU,GAAA,IAAA,CAAA;AAC9C,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,MAAM,SAAuB,GAAA,EAAE,SAAW,EAAA,QAAA,EAAU,YAAY,MAAO,EAAA,CAAA;AAEvE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GACtD,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iDACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,IAAO,YAAa,EAAA,WAAA;AAAA,IAAY,SAAU,EAAA,MAAA;AAAA,GAAA,EACxD,UAAU,UAAY,EAAA,KAAA,EAAO,eAAe,SAAS,CACxD,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,UAAW,EAAA,KAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,YAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,QAAA;AAAA,GAET,EAAA,QACH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/SearchResultItem/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n text-decoration: underline;\n text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,yBAAA,GAA4B,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAGxC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAU,CAAA,GAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,cAAA,EACrD,CAAC,EAAE,KAAA,OACf,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGS,MAAA,aAAA,GAAgB,aAAa,IAAI,CAAA,CAAA;AAAA;AAAA,yBAAA,EAEnB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/utils.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/SearchResultItem/utils.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n return str\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n .toLowerCase();\n};\n\nconst matchSpliter = (\n str: string,\n indexes: number[],\n size: number\n): string[] => {\n const result: string[] = [];\n let currentIndex = 0;\n\n indexes.forEach((index: number) => {\n result.push(str.substring(currentIndex, index));\n result.push(str.substring(index, index + size));\n currentIndex = index + size;\n });\n\n result.push(str.substring(currentIndex, str.length));\n\n return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n searchTerm: string,\n textToReplace: string\n): RegExpMatchArray[] => {\n const s = normalize(searchTerm);\n const tx = normalize(textToReplace);\n\n const r = new RegExp(`(${s})`, 'g');\n\n return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n searchTerm: string,\n textToReplace: string,\n Component: React.ElementType,\n props: T\n): React.ReactNode => {\n const search = normalize(searchTerm);\n const matches = stringMatcher(searchTerm, textToReplace);\n\n if (matches.length <= 0) {\n return textToReplace;\n }\n\n const indexes: number[] = matches.map(match => match.index) as number[];\n const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n return splited.map((value, idx) => {\n return normalize(value) === search ? (\n <Component key={`highlight-${value}${idx}`} {...props}>\n {value}\n </Component>\n ) : (\n <>{value}</>\n );\n });\n};\n\nexport const highlight = <T,>(\n searchTerm: string,\n textToReplace: string,\n Component: React.ElementType,\n props: T\n): React.ReactNode => {\n if (textToReplace && searchTerm) {\n return highlightReplacer(searchTerm, textToReplace, Component, props);\n }\n\n return textToReplace;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,MAAM,SAAA,GAAY,CAAC,GAAwB,KAAA;AACzC,EAAA,OAAO,GACJ,CAAA,SAAA,CAAU,KAAK,CAAA,CACf,OAAQ,CAAA,kBAAA,EAAoB,EAAE,CAAA,CAC9B,OAAQ,CAAA,wBAAA,EAA0B,GAAG,CAAA,CACrC,WAAY,EAAA,CAAA;AACjB,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CACnB,GACA,EAAA,OAAA,EACA,IACa,KAAA;AACb,EAAA,MAAM,SAAmB,EAAC,CAAA;AAC1B,EAAA,IAAI,YAAe,GAAA,CAAA,CAAA;AAEnB,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,KAAkB,KAAA;AACjC,IAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAI,SAAU,CAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAC9C,IAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,KAAO,EAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AAC9C,IAAA,YAAA,GAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,YAAc,EAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAEnD,EAAO,OAAA,MAAA,CAAO,MAAO,CAAA,CAAA,CAAA,KAAK,CAAC,CAAA,CAAA;AAC7B,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgB,CAC3B,UAAA,EACA,aACuB,KAAA;AACvB,EAAM,MAAA,CAAA,GAAI,UAAU,UAAU,CAAA,CAAA;AAC9B,EAAM,MAAA,EAAA,GAAK,UAAU,aAAa,CAAA,CAAA;AAElC,EAAA,MAAM,CAAI,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,MAAM,GAAG,CAAA,CAAA;AAElC,EAAA,OAAO,KAAM,CAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,CAAC,CAAC,CAAA,CAAA;AAClC,EAAA;AAEA,MAAM,iBAAoB,GAAA,CACxB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAM,MAAA,MAAA,GAAS,UAAU,UAAU,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,aAAc,CAAA,UAAA,EAAY,aAAa,CAAA,CAAA;AAEvD,EAAI,IAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACvB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,OAAoB,GAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,KAAA,KAAS,MAAM,KAAK,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,aAAe,EAAA,OAAA,EAAS,WAAW,MAAM,CAAA,CAAA;AAEtE,EAAA,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,GAAQ,KAAA;AACjC,IAAA,OAAO,SAAU,CAAA,KAAK,CAAM,KAAA,MAAA,mBACzB,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,cAAA,CAAA;AAAA,MAAU,GAAA,EAAK,aAAa,KAAQ,CAAA,EAAA,GAAA,CAAA,CAAA;AAAA,KAAA,EAAW,KAC7C,CAAA,EAAA,KACH,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,KAAM,CAAA,CAAA;AAAA,GAEZ,CAAA,CAAA;AACH,CAAA,CAAA;AAEO,MAAM,SAAY,GAAA,CACvB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAA,IAAI,iBAAiB,UAAY,EAAA;AAC/B,IAAA,OAAO,iBAAkB,CAAA,UAAA,EAAY,aAAe,EAAA,SAAA,EAAW,KAAK,CAAA,CAAA;AAAA,GACtE;AAEA,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/animations.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/animations.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/animations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animations.js","sources":["../../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px)',\n },\n entering: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-50px)',\n },\n exiting: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n};\n\nconst getContainerOpenMenuTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px) ',\n },\n entering: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-600px)',\n },\n exiting: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n};\n\nexport const getInputContainerStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultInputContainerStyles,\n ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultContainerOpenMenuStyles,\n ...getContainerOpenMenuTransform[state],\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,8BAAiC,GAAA;AAAA,EACrC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,iCAAoC,GAAA;AAAA,EACxC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,0BAA6B,GAAA;AAAA,EACjC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,6BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,qCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEA,MAAM,6BAAgC,GAAA;AAAA,EACpC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,8BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,sCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEO,MAAM,uBAA0B,GAAA,CACrC,KACmB,KAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAChB,iCACA,0BAA2B,CAAA,KAAA,CAAA,EAAA;AAGzB,MAAM,0BAA6B,GAAA,CACxC,KACmB,KAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAChB,oCACA,6BAA8B,CAAA,KAAA,CAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/index.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/styled.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/styled.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Menubar/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n z-index: ${({ theme }) => theme.zIndex.header + 1};\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":["webStyled"],"mappings":";;;;;;;AAMa,MAAA,eAAA,GAAkBA,OAAU,KAAK,CAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,gBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,uBAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,iBAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGnC,MAAA,aAAA,GAAgBA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA,sBAAA,EAEpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,aAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,4BACvC,EAAA,CAAC,EAAE,KAAM,EAAA,KACjC,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmB,aAAa,MAAM,CAAA,CAAA;AAAA,sBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,wBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,yBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,uBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,kBAAA,EAClC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpC,MAAA,uBAAA,GAA0BA,OAAU,KAAK,CAAA,CAAA;AAAA,gBAAA,EACpC,CAAC,EAAE,KAAA,OACf,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA,sBAAA,EACkB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,+BAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,4BACtC,EAAA,CAAC,EAAE,KAAM,EAAA,KACjC,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,iBAAA,EAG5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,aAAA,EAEpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,OAAO,MAAS,GAAA,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKvC,MAAA,WAAA,GAAc,aAAa,KAAK,CAAA,CAAA;AAAA;AAAA,EAAA;AAIhC,MAAA,oBAAA,GAAuBA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,4BAAA,GAA+BA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAA,yBAAA,GAA4BA,OAAU,KAAK,CAAA,CAAA;AAAA,mBAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/{esm → dist/esm}/components/molecules/Menubar/types.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/utils.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Menubar/utils.js RENAMED Viewed

File without changes

package/dist/esm/components/molecules/Menubar/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/molecules/Menubar/utils.ts"],"sourcesContent":["import { MostUsedType, OptionsType } from './types';\n\nexport const filterAndTransform = (\n options: OptionsType[],\n search: string\n): MostUsedType[] => {\n const normalized: MostUsedType[] = [];\n options.forEach(option => {\n option.items.forEach(item => {\n if (item.title.toLowerCase().startsWith(search)) {\n normalized.push({\n title: item.title,\n Component: item.Component,\n props: item.props,\n category: option.title,\n });\n }\n item.items?.forEach(sub => {\n if (sub.title.toLowerCase().startsWith(search)) {\n normalized.push({\n title: sub.title,\n Component: sub.Component,\n props: sub.props,\n category: option.title,\n });\n }\n });\n });\n });\n\n return normalized;\n};\n"],"names":[],"mappings":"AAEa,MAAA,kBAAA,GAAqB,CAChC,OAAA,EACA,MACmB,KAAA;AACnB,EAAA,MAAM,aAA6B,EAAC,CAAA;AACpC,EAAA,OAAA,CAAQ,QAAQ,CAAU,MAAA,KAAA;AACxB,IAAO,MAAA,CAAA,KAAA,CAAM,QAAQ,CAAQ,IAAA,KAAA;AARjC,MAAA,IAAA,EAAA,CAAA;AASM,MAAA,IAAI,KAAK,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC/C,QAAA,UAAA,CAAW,IAAK,CAAA;AAAA,UACd,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,WAAW,IAAK,CAAA,SAAA;AAAA,UAChB,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,UAAU,MAAO,CAAA,KAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACH;AACA,MAAK,CAAA,EAAA,GAAA,IAAA,CAAA,KAAA,KAAL,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACzB,QAAA,IAAI,IAAI,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC9C,UAAA,UAAA,CAAW,IAAK,CAAA;AAAA,YACd,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,WAAW,GAAI,CAAA,SAAA;AAAA,YACf,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,UAAU,MAAO,CAAA,KAAA;AAAA,WAClB,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/{esm → dist/esm}/components/molecules/Select/Dropdown/Dropdown.d.ts RENAMED Viewed

File without changes

package/{esm → dist/esm}/components/molecules/Select/Dropdown/Dropdown.js RENAMED Viewed

File without changes