npm - @wix/patterns - Versions diffs - 1.478.0 → 1.479.0 - Mend

@wix/patterns 1.478.0 → 1.479.0

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 (709) hide show

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","keyLabel","infoContent","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Accordion,\n Box,\n Cell,\n Divider,\n FloatingNotification,\n FormField,\n Input,\n Layout,\n Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n CUSTOM_FIELD_NAME_MAX_LENGTH,\n CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n InfoCircle,\n StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. /\nconst fullBleed =\n 'calc(-1 var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n const { state } = props;\n const {\n form: {\n $: { key, type, name, containsPii },\n },\n errorToastConfig,\n mode,\n lockedProperties,\n settings,\n customFieldModalBiReporter,\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n } = state;\n const { fieldModal } = state.fieldManagement;\n const SettingsSection = state.settingsSection?.Component;\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n const {\n translate: t,\n environment: { language },\n } = useWixPatternsContainer();\n\n useEffect(() => customFieldModalBiReporter.init(), []);\n\n return (\n <Box width={552} direction=\"vertical\">\n {errorToastConfig && (\n <Box\n position=\"absolute\"\n top=\"24px\"\n left=\"49%\"\n transform=\"translateX(-50%)\"\n >\n <FloatingNotification\n dataHook=\"custom-field-modal-error-state\"\n type=\"destructive\"\n prefixIcon={<InfoCircle />}\n text={errorToastConfig.message}\n textButtonProps={\n errorToastConfig?.action && {\n label: errorToastConfig.action.text,\n onClick: () => errorToastConfig?.action?.onClick?.(),\n }\n }\n onClose={() => {\n runInAction(() => {\n state.errorToastConfig = undefined;\n });\n }}\n />\n </Box>\n )}\n <Box direction=\"vertical\">\n <Layout>\n <Cell span={12}>\n <FormField\n dataHook=\"custom-field-modal-field-type\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldType')}\n status={type.hasError ? 'error' : undefined}\n statusMessage={type.error}\n >\n <CustomFieldTypeDropdown state={state} />\n {mode === 'edit' && (\n <Box marginTop=\"SP1\">\n <Text size=\"tiny\" secondary>\n {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n </Text>\n </Box>\n )}\n </FormField>\n </Cell>\n <CustomFieldCollectionInput state={state} />\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-name\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldName')}\n status={name.hasError ? 'error' : undefined}\n statusMessage={name.error}\n >\n <Input\n dataHook=\"custom-field-modal-name\"\n disabled={lockedProperties.includes('name')}\n onChange={(e) => {\n name.onChange(e.target.value);\n setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n }}\n value={name.value}\n maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n placeholder={state.namePlaceholder}\n />\n </FormField>\n </Cell>\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-key\"\n required\n label={\n fieldModal.text.keyLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n )\n }\n infoContent={\n mode === 'new'\n ? t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n )\n : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n }\n status={key.hasError ? 'error' : undefined}\n statusMessage={key.error}\n >\n <Input\n dataHook=\"custom-field-modal-key\"\n disabled={mode === 'edit'}\n value={key.value}\n onChange={(e) => {\n key.onChange(e.target.value);\n customFieldModalBiReporter.reportKeyFormFieldChange();\n }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n )}\n />\n </FormField>\n </Cell>\n {state.typeSupportsPii && (\n <PiiFormFields\n containsPii={{\n value: containsPii.value,\n onChange: containsPii.onChange,\n }}\n mode={mode}\n language={language}\n piiWarning={state.piiWarning}\n />\n )}\n </Layout>\n </Box>\n {state.showSettings && (\n <>\n <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n marginLeft={fullBleed}\n marginRight={fullBleed}\n >\n <Accordion\n dataHook=\"custom-field-modal-settings-accordion\"\n skin=\"standard\"\n hideShadow\n horizontalPadding=\"large\"\n size={isBmHarmonyTheme ? 'tiny' : undefined}\n contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n items={[\n {\n title:\n fieldModal.text.settingsLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings',\n ),\n toggleIconPlacement: 'start',\n suffix: state.settingsHasError ? (\n <Box\n verticalAlign=\"middle\"\n color=\"R10\"\n dataHook=\"custom-field-modal-settings-error\"\n >\n <StatusAlertFilledSmall />\n </Box>\n ) : undefined,\n open: settings.isOn,\n onToggle: () => {\n settings.toggle();\n customFieldModalBiReporter.reportAdvancedSettingsClick(\n settings.isOn ? 'Open' : 'Close',\n );\n },\n children: (\n <Box\n direction=\"vertical\"\n gap=\"SP4\"\n paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n >\n {fieldModal.permissions && (\n <CustomFieldFormPermissions state={state} />\n )}\n {SettingsSection && (\n <SettingsSection\n fieldType={type.value}\n lockedRules={lockedProperties}\n />\n )}\n </Box>\n ),\n },\n ]}\n />\n </Box>\n </>\n )}\n </Box>\n );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_bexCore","_lazy","_mobx","_CustomFieldTypeDropdown","_CustomFieldCollectionInput","_CustomFieldFormPiiFields","_CustomFieldFormPermissions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fullBleed","_CustomFieldForm","props","_state$settingsSectio","state","form","$","key","type","name","containsPii","errorToastConfig","mode","lockedProperties","settings","customFieldModalBiReporter","generateUniqueKey","setKeyFieldIfNotDirty","fieldModal","fieldManagement","SettingsSection","settingsSection","Component","isBmHarmonyTheme","useBmHarmonyTheme","translate","environment","language","useWixPatternsContainer","useEffect","init","createElement","Box","width","direction","__self","__source","fileName","lineNumber","columnNumber","position","top","left","transform","FloatingNotification","dataHook","prefixIcon","InfoCircle","text","message","textButtonProps","action","label","onClick","_errorToastConfig$act","onClose","runInAction","undefined","Layout","Cell","span","FormField","required","status","hasError","statusMessage","error","CustomFieldTypeDropdown","marginTop","Text","size","secondary","CustomFieldCollectionInput","Input","disabled","includes","onChange","target","value","maxLength","CUSTOM_FIELD_NAME_MAX_LENGTH","placeholder","namePlaceholder","keyLabel","infoContent","reportKeyFormFieldChange","typeSupportsPii","PiiFormFields","piiWarning","showSettings","Fragment","marginLeft","marginRight","Divider","Accordion","skin","hideShadow","horizontalPadding","contentPadding","items","title","settingsLabel","toggleIconPlacement","suffix","showValidationErrors","settingsHasError","verticalAlign","color","StatusAlertFilledSmall","open","isOn","onToggle","toggle","reportAdvancedSettingsClick","children","gap","paddingLeft","paddingRight","permissions","CustomFieldFormPermissions","fieldType","lockedRules","exports","CustomFieldForm","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Accordion,\n Box,\n Cell,\n Divider,\n FloatingNotification,\n FormField,\n Input,\n Layout,\n Text,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n CUSTOM_FIELD_NAME_MAX_LENGTH,\n CustomFieldModalState,\n} from '@wix/bex-core';\nimport {\n InfoCircle,\n StatusAlertFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { runInAction } from 'mobx';\nimport { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';\nimport { CustomFieldCollectionInput } from './CustomFieldCollectionInput';\nimport { PiiFormFields } from './CustomFieldFormPiiFields';\nimport { CustomFieldFormPermissions } from './CustomFieldFormPermissions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldFormProps {\n state: CustomFieldModalState;\n}\n\n/** Cancels the modal's content padding so the section below spans the full width. /\nconst fullBleed =\n 'calc(-1 var(--wds-custom-modal-content-padding-horizontal, 24px))';\n\nexport const _CustomFieldForm = (props: CustomFieldFormProps) => {\n const { state } = props;\n const {\n form: {\n $: { key, type, name, containsPii },\n },\n errorToastConfig,\n mode,\n lockedProperties,\n settings,\n customFieldModalBiReporter,\n generateUniqueKey,\n setKeyFieldIfNotDirty,\n } = state;\n const { fieldModal } = state.fieldManagement;\n const SettingsSection = state.settingsSection?.Component;\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n const {\n translate: t,\n environment: { language },\n } = useWixPatternsContainer();\n\n useEffect(() => customFieldModalBiReporter.init(), []);\n\n return (\n <Box width={552} direction=\"vertical\">\n {errorToastConfig && (\n <Box\n position=\"absolute\"\n top=\"24px\"\n left=\"49%\"\n transform=\"translateX(-50%)\"\n >\n <FloatingNotification\n dataHook=\"custom-field-modal-error-state\"\n type=\"destructive\"\n prefixIcon={<InfoCircle />}\n text={errorToastConfig.message}\n textButtonProps={\n errorToastConfig?.action && {\n label: errorToastConfig.action.text,\n onClick: () => errorToastConfig?.action?.onClick?.(),\n }\n }\n onClose={() => {\n runInAction(() => {\n state.errorToastConfig = undefined;\n });\n }}\n />\n </Box>\n )}\n <Box direction=\"vertical\">\n <Layout>\n <Cell span={12}>\n <FormField\n dataHook=\"custom-field-modal-field-type\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldType')}\n status={type.hasError ? 'error' : undefined}\n statusMessage={type.error}\n >\n <CustomFieldTypeDropdown state={state} />\n {mode === 'edit' && (\n <Box marginTop=\"SP1\">\n <Text size=\"tiny\" secondary>\n {t('cairo.customFields.editCustomField.fieldType.tooltip')}\n </Text>\n </Box>\n )}\n </FormField>\n </Cell>\n <CustomFieldCollectionInput state={state} />\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-name\"\n required\n label={t('cairo.customFields.addCustomField.modal.fieldName')}\n status={name.hasError ? 'error' : undefined}\n statusMessage={name.error}\n >\n <Input\n dataHook=\"custom-field-modal-name\"\n disabled={lockedProperties.includes('name')}\n onChange={(e) => {\n name.onChange(e.target.value);\n setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));\n }}\n value={name.value}\n maxLength={CUSTOM_FIELD_NAME_MAX_LENGTH}\n placeholder={state.namePlaceholder}\n />\n </FormField>\n </Cell>\n <Cell span={6}>\n <FormField\n dataHook=\"custom-field-modal-field-key\"\n required\n label={\n fieldModal.text.keyLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.title',\n )\n }\n infoContent={\n mode === 'new'\n ? t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip',\n )\n : t('cairo.customFields.editCustomField.fieldKey.tooltip')\n }\n status={key.hasError ? 'error' : undefined}\n statusMessage={key.error}\n >\n <Input\n dataHook=\"custom-field-modal-key\"\n disabled={mode === 'edit'}\n value={key.value}\n onChange={(e) => {\n key.onChange(e.target.value);\n customFieldModalBiReporter.reportKeyFormFieldChange();\n }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder',\n )}\n />\n </FormField>\n </Cell>\n {state.typeSupportsPii && (\n <PiiFormFields\n containsPii={{\n value: containsPii.value,\n onChange: containsPii.onChange,\n }}\n mode={mode}\n language={language}\n piiWarning={state.piiWarning}\n />\n )}\n </Layout>\n </Box>\n {state.showSettings && (\n <>\n <Box marginTop=\"SP4\" marginLeft={fullBleed} marginRight={fullBleed}>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n marginLeft={fullBleed}\n marginRight={fullBleed}\n >\n <Accordion\n dataHook=\"custom-field-modal-settings-accordion\"\n skin=\"standard\"\n hideShadow\n horizontalPadding=\"large\"\n size={isBmHarmonyTheme ? 'tiny' : undefined}\n contentPadding={isBmHarmonyTheme ? 'none' : undefined}\n items={[\n {\n title:\n fieldModal.text.settingsLabel ??\n t(\n 'cairo.customFields.addCustomField.modal.advancedSettings',\n ),\n toggleIconPlacement: 'start',\n suffix:\n state.showValidationErrors && state.settingsHasError ? (\n <Box\n verticalAlign=\"middle\"\n color=\"R10\"\n dataHook=\"custom-field-modal-settings-error\"\n >\n <StatusAlertFilledSmall />\n </Box>\n ) : undefined,\n open: settings.isOn,\n onToggle: () => {\n settings.toggle();\n customFieldModalBiReporter.reportAdvancedSettingsClick(\n settings.isOn ? 'Open' : 'Close',\n );\n },\n children: (\n <Box\n direction=\"vertical\"\n gap=\"SP4\"\n paddingLeft={isBmHarmonyTheme ? 'SP6' : undefined}\n paddingRight={isBmHarmonyTheme ? 'SP6' : undefined}\n >\n {fieldModal.permissions && (\n <CustomFieldFormPermissions state={state} />\n )}\n {SettingsSection && (\n <SettingsSection\n fieldType={type.value}\n lockedRules={lockedProperties}\n showValidationErrors={state.showValidationErrors}\n />\n )}\n </Box>\n ),\n },\n ]}\n />\n </Box>\n </>\n )}\n </Box>\n );\n};\n\nexport const CustomFieldForm = observer(_CustomFieldForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAWA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAIA,IAAAK,KAAA,GAAAL,OAAA;AAIA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AACA,IAAAQ,2BAAA,GAAAR,OAAA;AACA,IAAAS,yBAAA,GAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAAkE,IAAAY,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMlE;AACA,MAAMkB,SAAS,GACb,qEAAqE;AAEhE,MAAMC,gBAAgB,GAAIC,KAA2B,IAAK;EAAA,IAAAC,qBAAA;EAC/D,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACvB,MAAM;IACJG,IAAI,EAAE;MACJC,CAAC,EAAE;QAAEC,GAAG;QAAEC,IAAI;QAAEC,IAAI;QAAEC;MAAY;IACpC,CAAC;IACDC,gBAAgB;IAChBC,IAAI;IACJC,gBAAgB;IAChBC,QAAQ;IACRC,0BAA0B;IAC1BC,iBAAiB;IACjBC;EACF,CAAC,GAAGb,KAAK;EACT,MAAM;IAAEc;EAAW,CAAC,GAAGd,KAAK,CAACe,eAAe;EAC5C,MAAMC,eAAe,IAAAjB,qBAAA,GAAGC,KAAK,CAACiB,eAAe,qBAArBlB,qBAAA,CAAuBmB,SAAS;EACxD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAM;IACJC,SAAS,EAAE3C,CAAC;IACZ4C,WAAW,EAAE;MAAEC;IAAS;EAC1B,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE7B,IAAAC,gBAAS,EAAC,MAAMd,0BAA0B,CAACe,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEtD,oBACEhE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IAACC,KAAK,EAAE,GAAI;IAACC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClC5B,gBAAgB,iBACf7C,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IACFQ,QAAQ,EAAC,UAAU;IACnBC,GAAG,EAAC,MAAM;IACVC,IAAI,EAAC,KAAK;IACVC,SAAS,EAAC,kBAAkB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5BzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA0E,oBAAoB;IACnBC,QAAQ,EAAC,gCAAgC;IACzCrC,IAAI,EAAC,aAAa;IAClBsC,UAAU,eAAEhF,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC1D,KAAA,CAAA0E,UAAU;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC3BS,IAAI,EAAErC,gBAAgB,CAACsC,OAAQ;IAC/BC,eAAe,EACb,CAAAvC,gBAAgB,oBAAhBA,gBAAgB,CAAEwC,MAAM,KAAI;MAC1BC,KAAK,EAAEzC,gBAAgB,CAACwC,MAAM,CAACH,IAAI;MACnCK,OAAO,EAAEA,CAAA;QAAA,IAAAC,qBAAA;QAAA,OAAM3C,gBAAgB,aAAA2C,qBAAA,GAAhB3C,gBAAgB,CAAEwC,MAAM,aAAxBG,qBAAA,CAA0BD,OAAO,oBAAjCC,qBAAA,CAA0BD,OAAO,CAAG,CAAC;MAAA;IACtD,CACD;IACDE,OAAO,EAAEA,CAAA,KAAM;MACb,IAAAC,iBAAW,EAAC,MAAM;QAChBpD,KAAK,CAACO,gBAAgB,GAAG8C,SAAS;MACpC,CAAC,CAAC;IACJ,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACN,eACDzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IAACE,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvBzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAwF,MAAM;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACLzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAyF,IAAI;IAACC,IAAI,EAAE,EAAG;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACbzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA2F,SAAS;IACRhB,QAAQ,EAAC,+BAA+B;IACxCiB,QAAQ;IACRV,KAAK,EAAEtE,CAAC,CAAC,mDAAmD,CAAE;IAC9DiF,MAAM,EAAEvD,IAAI,CAACwD,QAAQ,GAAG,OAAO,GAAGP,SAAU;IAC5CQ,aAAa,EAAEzD,IAAI,CAAC0D,KAAM;IAAA/B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1BzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAACxD,wBAAA,CAAA4F,uBAAuB;IAAC/D,KAAK,EAAEA,KAAM;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EACxC3B,IAAI,KAAK,MAAM,iBACd9C,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IAACoC,SAAS,EAAC,KAAK;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAmG,IAAI;IAACC,IAAI,EAAC,MAAM;IAACC,SAAS;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBzD,CAAC,CAAC,sDAAsD,CACrD,CACH,CAEE,CACP,CAAC,eACPhB,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAACvD,2BAAA,CAAAgG,0BAA0B;IAACpE,KAAK,EAAEA,KAAM;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAC5CzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAyF,IAAI;IAACC,IAAI,EAAE,CAAE;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA2F,SAAS;IACRhB,QAAQ,EAAC,+BAA+B;IACxCiB,QAAQ;IACRV,KAAK,EAAEtE,CAAC,CAAC,mDAAmD,CAAE;IAC9DiF,MAAM,EAAEtD,IAAI,CAACuD,QAAQ,GAAG,OAAO,GAAGP,SAAU;IAC5CQ,aAAa,EAAExD,IAAI,CAACyD,KAAM;IAAA/B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1BzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAuG,KAAK;IACJ5B,QAAQ,EAAC,yBAAyB;IAClC6B,QAAQ,EAAE7D,gBAAgB,CAAC8D,QAAQ,CAAC,MAAM,CAAE;IAC5CC,QAAQ,EAAG/F,CAAC,IAAK;MACf4B,IAAI,CAACmE,QAAQ,CAAC/F,CAAC,CAACgG,MAAM,CAACC,KAAK,CAAC;MAC7B7D,qBAAqB,CAACD,iBAAiB,CAACnC,CAAC,CAACgG,MAAM,CAACC,KAAK,CAAC,CAAC;IAC1D,CAAE;IACFA,KAAK,EAAErE,IAAI,CAACqE,KAAM;IAClBC,SAAS,EAAEC,qCAA6B;IACxCC,WAAW,EAAE7E,KAAK,CAAC8E,eAAgB;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CACQ,CACP,CAAC,eACPzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAyF,IAAI;IAACC,IAAI,EAAE,CAAE;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA2F,SAAS;IACRhB,QAAQ,EAAC,8BAA8B;IACvCiB,QAAQ;IACRV,KAAK,EACHlC,UAAU,CAAC8B,IAAI,CAACmC,QAAQ,IACxBrG,CAAC,CACC,oEACF,CACD;IACDsG,WAAW,EACTxE,IAAI,KAAK,KAAK,GACV9B,CAAC,CACC,sEACF,CAAC,GACDA,CAAC,CAAC,qDAAqD,CAC5D;IACDiF,MAAM,EAAExD,GAAG,CAACyD,QAAQ,GAAG,OAAO,GAAGP,SAAU;IAC3CQ,aAAa,EAAE1D,GAAG,CAAC2D,KAAM;IAAA/B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzBzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAAuG,KAAK;IACJ5B,QAAQ,EAAC,wBAAwB;IACjC6B,QAAQ,EAAE9D,IAAI,KAAK,MAAO;IAC1BkE,KAAK,EAAEvE,GAAG,CAACuE,KAAM;IACjBF,QAAQ,EAAG/F,CAAC,IAAK;MACf0B,GAAG,CAACqE,QAAQ,CAAC/F,CAAC,CAACgG,MAAM,CAACC,KAAK,CAAC;MAC5B/D,0BAA0B,CAACsE,wBAAwB,CAAC,CAAC;IACvD,CAAE;IACFJ,WAAW,EAAEnG,CAAC,CACZ,0EACF,CAAE;IAAAqD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACQ,CACP,CAAC,EACNnC,KAAK,CAACkF,eAAe,iBACpBxH,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAACtD,yBAAA,CAAA8G,aAAa;IACZ7E,WAAW,EAAE;MACXoE,KAAK,EAAEpE,WAAW,CAACoE,KAAK;MACxBF,QAAQ,EAAElE,WAAW,CAACkE;IACxB,CAAE;IACFhE,IAAI,EAAEA,IAAK;IACXe,QAAQ,EAAEA,QAAS;IACnB6D,UAAU,EAAEpF,KAAK,CAACoF,UAAW;IAAArD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CAEG,CACL,CAAC,EACLnC,KAAK,CAACqF,YAAY,iBACjB3H,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAAjE,MAAA,CAAAyB,OAAA,CAAAmG,QAAA,qBACE5H,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IAACoC,SAAS,EAAC,KAAK;IAACuB,UAAU,EAAE3F,SAAU;IAAC4F,WAAW,EAAE5F,SAAU;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjEzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA2H,OAAO;IAAA1D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACP,CAAC,eACNzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;IACFE,SAAS,EAAC,UAAU;IACpByD,UAAU,EAAE3F,SAAU;IACtB4F,WAAW,EAAE5F,SAAU;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvBzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA4H,SAAS;IACRjD,QAAQ,EAAC,uCAAuC;IAChDkD,IAAI,EAAC,UAAU;IACfC,UAAU;IACVC,iBAAiB,EAAC,OAAO;IACzB3B,IAAI,EAAE/C,gBAAgB,GAAG,MAAM,GAAGkC,SAAU;IAC5CyC,cAAc,EAAE3E,gBAAgB,GAAG,MAAM,GAAGkC,SAAU;IACtD0C,KAAK,EAAE,CACL;MACEC,KAAK,EACHlF,UAAU,CAAC8B,IAAI,CAACqD,aAAa,IAC7BvH,CAAC,CACC,0DACF,CAAC;MACHwH,mBAAmB,EAAE,OAAO;MAC5BC,MAAM,EACJnG,KAAK,CAACoG,oBAAoB,IAAIpG,KAAK,CAACqG,gBAAgB,gBAClD3I,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;QACF0E,aAAa,EAAC,QAAQ;QACtBC,KAAK,EAAC,KAAK;QACX9D,QAAQ,EAAC,mCAAmC;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAE5CzE,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC1D,KAAA,CAAAuI,sBAAsB;QAAAzE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACtB,CAAC,GACJkB,SAAS;MACfoD,IAAI,EAAE/F,QAAQ,CAACgG,IAAI;MACnBC,QAAQ,EAAEA,CAAA,KAAM;QACdjG,QAAQ,CAACkG,MAAM,CAAC,CAAC;QACjBjG,0BAA0B,CAACkG,2BAA2B,CACpDnG,QAAQ,CAACgG,IAAI,GAAG,MAAM,GAAG,OAC3B,CAAC;MACH,CAAC;MACDI,QAAQ,eACNpJ,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAAC7D,aAAA,CAAA8D,GAAG;QACFE,SAAS,EAAC,UAAU;QACpBiF,GAAG,EAAC,KAAK;QACTC,WAAW,EAAE7F,gBAAgB,GAAG,KAAK,GAAGkC,SAAU;QAClD4D,YAAY,EAAE9F,gBAAgB,GAAG,KAAK,GAAGkC,SAAU;QAAAtB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,GAElDrB,UAAU,CAACoG,WAAW,iBACrBxJ,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAACrD,2BAAA,CAAA6I,0BAA0B;QAACnH,KAAK,EAAEA,KAAM;QAAA+B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC5C,EACAnB,eAAe,iBACdtD,MAAA,CAAAyB,OAAA,CAAAwC,aAAA,CAACX,eAAe;QACdoG,SAAS,EAAEhH,IAAI,CAACsE,KAAM;QACtB2C,WAAW,EAAE5G,gBAAiB;QAC9B2F,oBAAoB,EAAEpG,KAAK,CAACoG,oBAAqB;QAAArE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClD,CAEA;IAET,CAAC,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACL,CAED,CAAC;AAEV,CAAC;AAACmF,OAAA,CAAAzH,gBAAA,GAAAA,gBAAA;AAEK,MAAM0H,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,IAAAC,uBAAQ,EAAC3H,gBAAgB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CustomFieldFormPiiFields507618773";
+var _namespace_ = "CustomFieldFormPiiFields3308205986";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldFormPiiFields507618773__root",
-  "tooltipText": "CustomFieldFormPiiFields507618773__tooltipText"
+  "root": "CustomFieldFormPiiFields3308205986__root",
+  "tooltipText": "CustomFieldFormPiiFields3308205986__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CustomFieldFormPiiFields507618773~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~CustomFieldFormPiiFields507618773__root~~\",\"tooltipText\":\"~~CustomFieldFormPiiFields507618773__tooltipText~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~mCAAmC~~;~~AACrD~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,~~yCAAyC~~;EAAC,aAAa,EAAC;~~AAAgD~~,CAAC;~~AAC/H~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3308205986\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields3308205986__root\",\"tooltipText\":\"CustomFieldFormPiiFields3308205986__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js CHANGED Viewed

@@ -1,15 +1,16 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports._CustomFieldTypeDropdown = exports.CustomFieldTypeDropdown = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MAX_TYPE_DROPDOWN_HEIGHT = 400;
 const _CustomFieldTypeDropdown = props => {
   const {
     state: {
@@ -31,6 +32,13 @@ const _CustomFieldTypeDropdown = props => {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const [maxHeight, setMaxHeight] = (0, _react.useState)(MAX_TYPE_DROPDOWN_HEIGHT);
+  (0, _react.useEffect)(() => {
+    const updateHeight = () => setMaxHeight(Math.min(MAX_TYPE_DROPDOWN_HEIGHT, window.innerHeight / 2));
+    updateHeight();
+    window.addEventListener('resize', updateHeight);
+    return () => window.removeEventListener('resize', updateHeight);
+  }, []);
   const isFieldTypeDisabled = mode === 'edit' || lockedProperties.includes('type');
   const [search, setSearch] = _react.default.useState(null);
   const query = (search == null ? void 0 : search.trim().toLowerCase()) ?? '';
@@ -43,7 +51,7 @@ const _CustomFieldTypeDropdown = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 50,
+          lineNumber: 60,
           columnNumber: 11
         }
       }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -81,11 +89,12 @@ const _CustomFieldTypeDropdown = props => {
     disabled: isFieldTypeDisabled,
     value: search ?? (selectedType == null ? void 0 : selectedType.label) ?? '',
     selectedId: type.value,
+    maxHeightPixels: maxHeight,
     prefix: search === null && selectedType ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 116,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -93,7 +102,7 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 117,
         columnNumber: 13
       }
     }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
@@ -130,7 +139,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 108,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","containsPii","mode","lockedProperties","fieldManagement","fieldModal","applyFieldTypeDefaults","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","isFieldTypeDisabled","includes","search","setSearch","React","useState","query","trim","toLowerCase","selectedType","selectedFieldTypeDisplay","fieldTypeOptions","useMemo","toOption","option","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","icons","title","label","subtitle","types","filter","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","value","selectedId","Input","IconAffix","color","undefined","onChange","e","target","onSelect","nextType","String","resetSettingsValues","resetCollectionInput","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n AutoComplete,\n Box,\n Input,\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomFieldTypeDropdownProps {\n state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n props: CustomFieldTypeDropdownProps,\n) => {\n const {\n state: {\n form: {\n $: { type, containsPii },\n },\n mode,\n lockedProperties,\n fieldManagement: { fieldModal },\n applyFieldTypeDefaults,\n },\n } = props;\n\n const { translate: t } = useWixPatternsContainer();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const isFieldTypeDisabled =\n mode === 'edit' \|\| lockedProperties.includes('type');\n\n const [search, setSearch] = React.useState<string \| null>(null);\n const query = search?.trim().toLowerCase() ?? '';\n\n const selectedType = props.state.selectedFieldTypeDisplay;\n\n const fieldTypeOptions = React.useMemo(() => {\n const toOption = (option: (typeof fieldModal.types)[number]) =>\n listItemSelectBuilder({\n dataHook: `custom-field-modal-type-${option.id}`,\n id: option.id,\n prefix: (\n <Box>\n {getFieldTypeIcon({\n fieldType: option.patternsType,\n size: 'medium',\n icons: option.icons,\n })}\n </Box>\n ),\n title: option.label,\n subtitle: option.subtitle,\n label: option.label,\n });\n\n if (query) {\n return fieldModal.types\n .filter((option) => option.label.toLowerCase().includes(query))\n .map(toOption);\n }\n\n const groups = fieldModal.types.reduce<string[]>((labels, option) => {\n const label = option.group;\n if (label && !labels.includes(label)) {\n labels.push(label);\n }\n return labels;\n }, []);\n\n if (groups.length === 0) {\n return fieldModal.types.map(toOption);\n }\n\n const grouped = groups.flatMap((label) => [\n listItemSectionBuilder({\n id: `custom-field-modal-type-group-${label}`,\n type: 'subheader',\n title: label,\n }),\n ...fieldModal.types\n .filter((option) => option.group === label)\n .map(toOption),\n ]);\n const ungrouped = fieldModal.types\n .filter((option) => !option.group)\n .map(toOption);\n return [...grouped, ...ungrouped];\n }, [fieldModal.types, query]);\n\n return (\n <AutoComplete\n dataHook=\"custom-field-modal-type\"\n disabled={isFieldTypeDisabled}\n value={search ?? selectedType?.label ?? ''}\n selectedId={type.value}\n prefix={\n search === null && selectedType ? (\n <Input.IconAffix>\n <Box\n color={\n isBmHarmonyTheme && isFieldTypeDisabled ? undefined : 'D10'\n }\n >\n {getFieldTypeIcon({\n fieldType: selectedType.patternsType,\n size: 'medium',\n icons: selectedType.icons,\n })}\n </Box>\n </Input.IconAffix>\n ) : undefined\n }\n onChange={(e) => setSearch(e.target.value)}\n onSelect={({ id }) => {\n const nextType = String(id);\n setSearch(null);\n if (nextType !== type.value) {\n // The settings were filled in for the old type; the new one starts fresh.\n props.state.resetSettingsValues();\n props.state.resetCollectionInput();\n }\n type.onChange(nextType);\n // Read off `props.state` — a destructured computed holds the pre-change value.\n if (!props.state.typeSupportsPii) {\n containsPii.onChange(false);\n }\n applyFieldTypeDefaults();\n }}\n onClose={() => setSearch(null)}\n popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n )}\n emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n options={fieldTypeOptions}\n />\n );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_react2","_fieldTypePrefixIcons","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MAX_TYPE_DROPDOWN_HEIGHT","_CustomFieldTypeDropdown","props","state","form","$","type","containsPii","mode","lockedProperties","fieldManagement","fieldModal","applyFieldTypeDefaults","translate","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","maxHeight","setMaxHeight","useState","useEffect","updateHeight","Math","min","window","innerHeight","addEventListener","removeEventListener","isFieldTypeDisabled","includes","search","setSearch","React","query","trim","toLowerCase","selectedType","selectedFieldTypeDisplay","fieldTypeOptions","useMemo","toOption","option","listItemSelectBuilder","dataHook","id","prefix","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","fieldType","patternsType","size","icons","title","label","subtitle","types","filter","map","groups","reduce","labels","group","push","length","grouped","flatMap","listItemSectionBuilder","ungrouped","AutoComplete","disabled","value","selectedId","maxHeightPixels","Input","IconAffix","color","undefined","onChange","target","onSelect","nextType","String","resetSettingsValues","resetCollectionInput","typeSupportsPii","onClose","popoverProps","appendTo","zIndex","placeholder","emptyStateMessage","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n AutoComplete,\n Box,\n Input,\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { CustomFieldModalState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst MAX_TYPE_DROPDOWN_HEIGHT = 400;\n\nexport interface CustomFieldTypeDropdownProps {\n state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n props: CustomFieldTypeDropdownProps,\n) => {\n const {\n state: {\n form: {\n $: { type, containsPii },\n },\n mode,\n lockedProperties,\n fieldManagement: { fieldModal },\n applyFieldTypeDefaults,\n },\n } = props;\n\n const { translate: t } = useWixPatternsContainer();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const [maxHeight, setMaxHeight] = useState(MAX_TYPE_DROPDOWN_HEIGHT);\n useEffect(() => {\n const updateHeight = () =>\n setMaxHeight(Math.min(MAX_TYPE_DROPDOWN_HEIGHT, window.innerHeight / 2));\n updateHeight();\n window.addEventListener('resize', updateHeight);\n return () => window.removeEventListener('resize', updateHeight);\n }, []);\n const isFieldTypeDisabled =\n mode === 'edit' \|\| lockedProperties.includes('type');\n\n const [search, setSearch] = React.useState<string \| null>(null);\n const query = search?.trim().toLowerCase() ?? '';\n\n const selectedType = props.state.selectedFieldTypeDisplay;\n\n const fieldTypeOptions = React.useMemo(() => {\n const toOption = (option: (typeof fieldModal.types)[number]) =>\n listItemSelectBuilder({\n dataHook: `custom-field-modal-type-${option.id}`,\n id: option.id,\n prefix: (\n <Box>\n {getFieldTypeIcon({\n fieldType: option.patternsType,\n size: 'medium',\n icons: option.icons,\n })}\n </Box>\n ),\n title: option.label,\n subtitle: option.subtitle,\n label: option.label,\n });\n\n if (query) {\n return fieldModal.types\n .filter((option) => option.label.toLowerCase().includes(query))\n .map(toOption);\n }\n\n const groups = fieldModal.types.reduce<string[]>((labels, option) => {\n const label = option.group;\n if (label && !labels.includes(label)) {\n labels.push(label);\n }\n return labels;\n }, []);\n\n if (groups.length === 0) {\n return fieldModal.types.map(toOption);\n }\n\n const grouped = groups.flatMap((label) => [\n listItemSectionBuilder({\n id: `custom-field-modal-type-group-${label}`,\n type: 'subheader',\n title: label,\n }),\n ...fieldModal.types\n .filter((option) => option.group === label)\n .map(toOption),\n ]);\n const ungrouped = fieldModal.types\n .filter((option) => !option.group)\n .map(toOption);\n return [...grouped, ...ungrouped];\n }, [fieldModal.types, query]);\n\n return (\n <AutoComplete\n dataHook=\"custom-field-modal-type\"\n disabled={isFieldTypeDisabled}\n value={search ?? selectedType?.label ?? ''}\n selectedId={type.value}\n maxHeightPixels={maxHeight}\n prefix={\n search === null && selectedType ? (\n <Input.IconAffix>\n <Box\n color={\n isBmHarmonyTheme && isFieldTypeDisabled ? undefined : 'D10'\n }\n >\n {getFieldTypeIcon({\n fieldType: selectedType.patternsType,\n size: 'medium',\n icons: selectedType.icons,\n })}\n </Box>\n </Input.IconAffix>\n ) : undefined\n }\n onChange={(e) => setSearch(e.target.value)}\n onSelect={({ id }) => {\n const nextType = String(id);\n setSearch(null);\n if (nextType !== type.value) {\n // The settings were filled in for the old type; the new one starts fresh.\n props.state.resetSettingsValues();\n props.state.resetCollectionInput();\n }\n type.onChange(nextType);\n // Read off `props.state` — a destructured computed holds the pre-change value.\n if (!props.state.typeSupportsPii) {\n containsPii.onChange(false);\n }\n applyFieldTypeDefaults();\n }}\n onClose={() => setSearch(null)}\n popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n placeholder={t(\n 'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n )}\n emptyStateMessage={t('cairo.emptyState.subtitle.nothingMatchesCriteria')}\n options={fieldTypeOptions}\n />\n );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "DragHandle1515686070";
+var _namespace_ = "DragHandle3684502207";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle1515686070__root"
+  "root": "DragHandle3684502207__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle1515686070~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~DragHandle1515686070__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3684502207\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle3684502207__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.js CHANGED Viewed

@@ -49,11 +49,17 @@ function _EditableCell({
   // in select). startEdit resets editingValue, so it must come before setEditingValue.
   // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.
   const handleChange = (0, _react.useCallback)(newValue => {
+    // A checkbox click is a toggle, same as Enter on the cell. Starting an
+    // edit here would report that click as Enter.
+    if (resolved != null && resolved.toggleValue) {
+      state.cellValue.toggleCell(rowKey, columnId);
+      return;
+    }
     if (!cellInteraction.isEditing) {
       cellInteraction.startEdit(rowKey, columnId, 'enter');
     }
     cellInteraction.setEditingValue(newValue);
-  }, [cellInteraction, rowKey, columnId]);
+  }, [resolved, state, cellInteraction, rowKey, columnId]);
   const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
   const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
   const handleStartEdit = (0, _react.useCallback)(() => {
@@ -92,7 +98,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 118,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -105,7 +111,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 136,
       columnNumber: 5
     }
   });
@@ -148,7 +154,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 152,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -158,7 +164,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 186,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -169,7 +175,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 198,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -178,7 +184,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 204,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

package/dist/cjs/components/EditableTable/EditableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n onFocus,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const handleStartEdit = useCallback(() => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId);\n }\n }, [cellInteraction, rowKey, columnId]);\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column \|\| !keyedItem \|\| !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showErrorMessage = !cellValidation.valid && (isFocused \|\| isEditing);\n\n const showEdit =\n (isEditing \|\|\n (isFocused &&\n isEditable &&\n !state.updateItemDisabled &&\n (!!resolved.toggleValue \|\| !!resolved.showEditWhenFocused))) &&\n EditComponent;\n\n const cellContent = showEdit ? (\n <EditComponent\n value={\n cellInteraction.editingValue !== undefined\n ? cellInteraction.editingValue\n : value\n }\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n onStartEdit={handleStartEdit}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n ) : (\n <ViewComponent\n value={value}\n typeConfig={column.typeConfig}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n isEditable={isEditable}\n />\n );\n\n // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n // swap, so it can own behavior that must outlive the inline editor.\n const EditWrapper = resolved.EditWrapper;\n\n return (\n <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n readOnly: !isEditable,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onFocus={onFocus}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {EditWrapper ? (\n <EditWrapper\n typeConfig={column.typeConfig}\n columnId={columnId}\n rowKey={rowKey}\n >\n {cellContent}\n </EditWrapper>\n ) : (\n cellContent\n )}\n </div>\n {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","toggleValue","cellValue","toggleCell","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n onFocus,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n // A checkbox click is a toggle, same as Enter on the cell. Starting an\n // edit here would report that click as Enter.\n if (resolved?.toggleValue) {\n state.cellValue.toggleCell(rowKey, columnId);\n return;\n }\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [resolved, state, cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const handleStartEdit = useCallback(() => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId);\n }\n }, [cellInteraction, rowKey, columnId]);\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column \|\| !keyedItem \|\| !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showErrorMessage = !cellValidation.valid && (isFocused \|\| isEditing);\n\n const showEdit =\n (isEditing \|\|\n (isFocused &&\n isEditable &&\n !state.updateItemDisabled &&\n (!!resolved.toggleValue \|\| !!resolved.showEditWhenFocused))) &&\n EditComponent;\n\n const cellContent = showEdit ? (\n <EditComponent\n value={\n cellInteraction.editingValue !== undefined\n ? cellInteraction.editingValue\n : value\n }\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n onStartEdit={handleStartEdit}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n ) : (\n <ViewComponent\n value={value}\n typeConfig={column.typeConfig}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n isEditable={isEditable}\n />\n );\n\n // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n // swap, so it can own behavior that must outlive the inline editor.\n const EditWrapper = resolved.EditWrapper;\n\n return (\n <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n readOnly: !isEditable,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onFocus={onFocus}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {EditWrapper ? (\n <EditWrapper\n typeConfig={column.typeConfig}\n columnId={columnId}\n rowKey={rowKey}\n >\n {cellContent}\n </EditWrapper>\n ) : (\n cellContent\n )}\n </div>\n {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "EditableCell418220247";
+var _namespace_ = "EditableCell84838942";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EditableCell418220247__root",
-  "errorMessage": "EditableCell418220247__errorMessage"
+  "root": "EditableCell84838942__root",
+  "errorMessage": "EditableCell84838942__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~EditableCell418220247~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~EditableCell418220247__root~~\",\"errorMessage\":\"~~EditableCell418220247__errorMessage~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~uBAAuB~~;~~AACzC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,~~6BAA6B~~;EAAC,cAAc,EAAC;~~AAAqC~~,CAAC;~~AACzG~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell84838942\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell84838942__root\",\"errorMessage\":\"EditableCell84838942__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,cAAc,EAAC;AAAoC,CAAC;AACvG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableTable.js CHANGED Viewed

@@ -71,13 +71,20 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 112,
+          lineNumber: 113,
           columnNumber: 13
         }
       }) : null;
     }
   })), [editableColumns, state, builtInActions, onCellFocus]);
-  const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
+  const reportContextMenuOpenChange = (0, _react.useCallback)((isOpened, cell) => {
+    state.bi.menuOpened({
+      menuType: 'Cell Context Menu',
+      isOpened,
+      cell
+    });
+  }, [state]);
+  const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction, reportContextMenuOpenChange);
   const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
   const hasInvalidRows = invalidCellKeys.size > 0;
   const rowStatus = row => {
@@ -92,7 +99,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -107,7 +114,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 159,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -124,7 +131,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 169,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -133,7 +140,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 181,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -145,7 +152,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 188,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -154,7 +161,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 196,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -162,14 +169,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 202,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 205,
       columnNumber: 7
     }
   }));